Question

我正在尝试编写一个基本的firefox add on，在网页上找到一个单词。我把它包装在一个匿名函数中，它在addon.js中。我一直收到browser.find未定义的错误。 “浏览器”只是一个引用浏览器的变量，如果是，我该如何创建该引用？ THX。

addon.js

(function () {

  function found(results) {
  console.log(`There were: ${results.count} matches.`);
  if (results.count > 0) {
    browser.find.highlightResults();
  }
}

   browser.find.find("P").then(found);

})();

的manifest.json：

{

  "manifest_version": 2,
  "name": "add on test",
  "version": "1.0",

  "description": "testing add on",

  "content_scripts": [
    {
      "matches": [ "*://*.mozilla.org/*" ],
      "js": [ "addon.js" ],
      "css":  ["addon.css"]
    }
  ],
  "permissions": [
       "notifications",
       "activeTab",
       "webNavigation",
       "find"
   ]

}

Answer 1

不幸的是，find不是内容脚本可以访问的API函数的一部分。您可以找到HERE

的完整列表

您可以使用后台脚本实现此功能。加载内容脚本后，您可以向后台脚本发送消息以触发搜索并突出显示结果。

以下是一个例子：

的manifest.json

{
  "manifest_version": 2,
  "name": "add on test",
  "version": "1.0",
  "description": "testing add on",
  "background" : { "scripts": ["background.js"]},
  "content_scripts": [
    {
      "matches": [ "*://*.mozilla.org/*" ],
      "js": [ "addon.js" ],
      "css":  ["addon.css"]
    }
  ],
  "permissions": [
       "find"
   ]
}

background.js

function found(rsp, results) {
  if (results.count > 0) {
    browser.find.highlightResults();
  }
  rsp(`There were: ${results.count} matches.`);
}
browser.runtime.onMessage.addListener(function(req, sender, rsp){
  if(req.cmd == "find"){
    browser.find.find(req.toFind).then(found.bind(this, rsp));
    return true;
  }
});

addon.js

browser.runtime.sendMessage({
    cmd: "find",
    toFind: "P"
}, function(msg){
    console.log(msg)
});

browser.find继续为

1 个答案: