2

我正在尝试对 Chrome 进行扩展，以更改网页中名称的所有出现。（例如，如果页面有单词“that”，它会将其更改为另一个名称）。

这个想法是在用户单击浏览器按钮时进行此更改。

我的问题是它没有做出改变！我不知道我做错了什么。

这是 manifest.json：

{
  "name": "App Name",
  "description": "App description",
  "version": "1.0",
  "background": {
    "scripts": ["jquery.min.js", "jquery.ba-replacetext.min.js","background.js"]
  },
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ],
  "browser_action": {
      "default_title": "App name",
      "default_icon": "icon.png"
  },
  "manifest_version": 2
}

这是 background.js：

chrome.browserAction.onClicked.addListener(function(tab) {
    var state = document.readyState;
    var carregou = false;
    var matches = document.body.innerText.match(regex);

if (state == "interactive"|| (!carregou)){
 $("body *").replaceText( /That/gi, "" );
 var regex = /That/gi;
 matches = document.body.innerText.match(regex);
 if(matches){
    alert("Reload the page (f5)");
 }else{ 
    alert("All changes done! :D");
    carregou = true;
 }
}
});

我做了一个无需单击浏览器按钮即可更改页面的操作，并且可以正常工作。这是代码：

{
  "name": "App Name",
  "version": "1.0",
  "manifest_version": 2,
  "description": "App description.",
  "content_scripts": [
   {
   "matches": ["http://www.facebook.com/*"],
   "js": ["jquery.min.js","jquery.ba-replacetext.min.js", "script.js"],
   "run_at": "document_end"
   }
   ]
}

脚本.js：

var state = document.readyState;
var carregou = false;
var matches = document.body.innerText.match(regex);
if (state == "interactive"|| (!carregou)){
 $("body *").replaceText( /That/gi, "" );
 var regex = /That/gi;
 matches = document.body.innerText.match(regex);
 if(matches){
    alert("Reload the pahe (f5)");
 }else{ 
    alert("All changes done! :D");
    carregou = true;
 }
}

Chrome 版本：Windows 7 上的 23.0.1271.95 m 谢谢！

4

1 回答 1

2

情况1）

您的 background.js 在自己生成的 html 页面世界中执行代码，正如架构概述所解释的那样，后台页面是在扩展进程中运行的 HTML 页面。它在您的扩展程序的整个生命周期内都存在，并且一次只有一个实例处于活动状态。

因此，所有代码都试图更改background.html页面中所有出现的名称

您可以使用相同的代码通过编程注入来实现您的功能

示范

/* in background.html */
chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(null,
                           {code:"document.body.bgColor='red'"});
});

案例2）

您已经为所有 facebook URL 完全注入了脚本，"matches": ["http://www.facebook.com/*"],而不是Programmatic injection，所以它起作用了，不是因为manifest.json中没有浏览器操作

{
  "name": "App Name",
  "version": "1.0",
  "manifest_version": 2,
  "description": "App description.",
  "content_scripts": [
   {
   "matches": ["http://www.facebook.com/*"],
   "js": ["jquery.min.js","jquery.ba-replacetext.min.js", "script.js"],
   "run_at": "document_end"
   }
   ]
}

如果您需要更多信息，请与我们联系。

于 2012-12-03T03:18:13.573 回答