Question

我正在为Firefofx编写一个小插件，我在其中使用小部件。我想知道如何设置适应内容的自动宽度。例如，我希望我的小部件显示数字，这些数字的长度不同。我可以设置我的小部件宽度，但我怎么知道我的数字占用了多少像素。有没有办法获得宽度，自动选择？这是我的一些代码：我的小部件（我的附加组件使用其他小部件），

//ROBOTS META
var robots_meta = widgets.Widget({
 id: "robots_meta",
 label: "Displays information about robots meta",
 content: "Meta-robots n/a",
 width: 100
});

这是更新我的小部件内容的功能：

function meta_robots_checker(tab) {
  var meta_robots_w = robots_meta.getView(tab.window);
  meta_robots_w.content = 'Meta-robots n/a';
  worker = tab.attach({
    contentScriptFile: data.url("js/meta-checker.js")
   });
worker.port.emit("check_noindex");
worker.port.on('content', function(message) {    
        message = message.toLowerCase();
        message = message.replace('nofollow', '<span style="color:red">nofollow</span>');
        message = message.replace('noindex', '<span style="color:red">noindex</span>');
        meta_robots_w.content = message;
       //HERE MY WIDGET WIDTH SHOULD BE CHANGED
    });
}

Answer 1

你必须动态控制宽度，小部件是一个面板。不像标签那样动态改变宽度元素。

使小部件面板元素使用“元素选择器”插件“Dom Inspector”。

请在此处查看此主题： Avoid panel to autoHide in Firefox extension

自动宽度小部件

1 个答案: