tabs.getCurrent()结果是未定义的？

Question

不知道为什么当我导航到例如amazon.com或google.com并点击浏览器图标进行浏览器操作时,我无法使用getCurrent()检索有关当前选项卡的信息.我缺少什么提示？

表现:

{
  "name": "testGetCurrentTab",
  "version":  "1.0",
  "description":  "",
  "manifest_version": 2,

  "icons": {
    "48": "icons/icon-48.png"
  },

  "permissions": [
      "tabs",
      "<all_urls>"
  ],

  "browser_action": {
      "default_icon": "icon/icon-32.png"
  },

  "background": {
      "scripts": ["background.js"]
  }      
}

背景:

function displayInfo() {

  function onGot(tabInfo) {
    console.log('Inside onGot() ...');
    console.log(tabInfo);
  }

  function onError(error) {
    console.log(`Error: ${error}`);
  }

  var gettingCurrent = browser.tabs.getCurrent();
  gettingCurrent.then(onGot, onError);
}

browser.browserAction.onClicked.addListener(displayInfo);

这是输出:

Inside onGot() ...  background.js:4:7

undefined  background.js:5:7

Firefox开发版54(64位)

https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/tabs/getCurrent

Answer 1

您可以在执行时获取background.js文件中当前活动的选项卡

browser.tabs.query({active: true, windowId: browser.windows.WINDOW_ID_CURRENT})
  .then(tabs => browser.tabs.get(tabs[0].id))
  .then(tab => {
    console.info(tab);
  });

Answer 2

来自MDN tabs.getCurrent():

获取tabs.Tab,其中包含有关运行此脚本的选项卡的信息.

您可以在有浏览器选项卡的上下文中调用此函数,例如选项页面.如果从后台脚本或弹出窗口调用它,它将返回undefined.

该browserAction.onClicked事件返回活动选项卡,您不需要其他API调用.

browser.browserAction.onClicked.addListener(function(tab) {
 console.log(tab)
})

请参阅侦听器的tab参数browserAction.onClicked.