在 Firefox 的固定选项卡上运行 javascript

Question

我想在 Firefox 的固定选项卡中打开的页面上运行一些 javascript，特别是我想修改在固定选项卡中加载的网页的 dom。如何使用 firefox addon api 做到这一点？

Answer 1

您可以使用 Firefox tabs API 做到这一点。任何Tab 都有一个可以从后台页面读取的“固定”属性。

例如，你可以这样做：

在后台脚本中创建 isTabPinned 请求桥，它将获取选项卡属性并将其发送到内容脚本。

bg.js

chrome.runtime.onMessage.addListener(function(msg, sender, sendResponse) {
    if (msg.request == "isTabPinned") {
        sendResponse(sender.tab.pinned);
    }
});

在 content-script 中向后台脚本桥发送请求以获取选项卡固定状态并在选项卡固定时修改 DOM。

cs.js

chrome.runtime.sendMessage({ request: "isTabPinned" }, tabPinned => {
    if(tabPinned){
        //.. modify your DOM here
    }
});

将内容脚本加载到您需要检查的页面（或示例中的任何页面）和后台脚本。为您的脚本授予“tabs”和“activeTab”权限。

ma​​nifest.json

{
    "manifest_version": 2,
    "name": "Pin Detector",
    "version": "0.1",

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

    "content_scripts": [
      {
        "matches": ["*://*/*"],
        "js": ["cs.js"]
      }
    ],

    "permissions": ["tabs","activeTab"]
}