javascript - 将当前选项卡的 URL 发送到插件内容

Question

我正在使用附加组件 SDK 为 Firefox 制作一个附加组件，我需要以某种方式获取附加组件内容的事件标签 URL，无论何时创建或切换到该选项卡。

我的 main.js 看起来像这样:

var { ToggleButton } = require('sdk/ui/button/toggle');
var panels = require("sdk/panel");
var self = require("sdk/self");    

var button = ToggleButton({
  id: "my-button",
  label: "my button",
  icon: {
    "16": "./img/icon-16.png",
    "32": "./img/icon-32.png",
    "64": "./img/icon-64.png"
  },
  onChange: handleChange
});

var panel = panels.Panel({
  width: 640,
  height: 400,
  contentURL: self.data.url("index.html"),
  onHide: handleHide
});

function handleChange(state) {
  if (state.checked) {
    panel.show({
      position: button
    });
  }
}

function handleHide() {
  button.state('window', {checked: false});
}

加载到面板中的 index.html 有一些嵌入式 JavaScript，这是我需要将当前 URL 发送到的地方。

我查看了文档 here但它说的是“内容脚本”，我不确定我是否使用或需要使用。

那么最快的方法是什么？谢谢。

Answer 1

您需要使用 sdk/tabs 模块:

var tabs = require("sdk/tabs");

var activeTabURL = tabs.activeTab.url;

tabs.on("activate", tab => {
  activeTabURL = tab.url;
});

tabs.on("ready", tab => {
  if (tab == tabs.activeTab) {
    activeTabURL = tab.url;
  }
});

activeTabURL 变量将包含事件选项卡的 url。