google-chrome-extension - 如何使用 chrome.tabs.executeScript() 更改网页

Question

我想在浏览器中单击我的扩展程序图标，并在控制台中显示我当前在浏览器中选择的网页/选项卡的“测试”。

清单.json：

{
    "name": "some name",
    "version": "1.0",
    "description": "some description",
    "manifest_version": 2,
    "permissions": ["storage", "tabs", "activeTab"],


    "browser_action": {
      "default_title": "hello!",
      "default_popup": "popup.html",
      "default_icon": "icon.png"
    },

    "background": {
      "scripts": ["background.js"],
      "persistent": true
    }

}

背景.js：

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

chrome.tabs.executeScript(null, {
    code: "test"
})

我已经使用“选项卡”和“activeTab”作为权限，因为我相信这些是运行此代码所必需的。

如果我单击扩展程序，它不会显示错误，但它也不会在我所在网页的控制台日志中显示“测试”。

从我提供的代码来看，这有什么明显的原因吗？

Answer 1

chrome.browserAction.onClicked.addListener(function(){
  browser.tabs.executeScript({
    code: `console.log('test');`
  });
});

来源：https ://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript