page_action click 不起作用而 browser_action click

Question

我想做一个简单的浏览器扩展，比如Font Face Ninja，它在点击page_action或被browser_action点击时切换 UI 。

以下代码使用browser_action作品 -

背景.js

chrome.browserAction.onClicked.addListener(function(tab) {

  console.log(`clicked browserAction`)

})

清单文件

{

    ...

    "browser_action": {

    "default_icon": {

      "19": "icon19.png",

      "38": "icon38.png"

    }

  },

    ...

}

虽然使用以下代码page_action不起作用 -

背景.js

chrome.pageAction.onClicked.addListener(function(tab) {

  console.log(`clicked pageAction`)

})

清单文件

{

    ...

    "page_action": {

    "default_icon": {

      "19": "icon19.png",

      "38": "icon38.png"

    }

  },

    ...

}

根据MDN 文档，

页面操作类似于浏览器操作，不同之处在于它们与特定网页相关联，而不是与整个浏览器相关联。如果一个动作只在某些页面上相关，那么你应该使用一个页面动作并只在相关页面上显示它。如果操作与所有页面或浏览器本身相关，请使用浏览器操作。

这证实了我想使用page_action但它不起作用。

我如何使它工作使用page_action？