2

我正在尝试编写一个简单的 Chrome pageAction 扩展来将页面上的所有锚点从一个域更改为另一个域......但我似乎无法让它工作，而且我在调试它时遇到了麻烦。

我是否误解了如何构建这种扩展？还是我只是在滥用 API？

清单.json：

{
  "name": "theirs2ours",
  "version": "1.0",
  "description": "Changes all 'their' URLs to 'our' URLs.",
  "background_page": "background.html",
  "permissions": [
    "tabs"
  ],
  "page_action": {
    "default_icon": "cookie.png",
    "default_title": "theirs2ours"
  },
  "content_scripts": [
    {
      "matches": ["http://*/*"],
      "js": ["content.js"]
    }
  ]
}

背景.html：

<html>
<head>
<script type='text/javascript'>

chrome.tabs.onSelectionChanged.addListener(function(tabId) {
  chrome.pageAction.show(tabId);
});

chrome.tabs.getSelected(null, function(tab) {
  chrome.pageAction.show(tab.id);
});

chrome.pageAction.onClicked.addListener(function(tab) {
    chrome.tabs.sendRequest(tab.id, {}, null);
});

</script>
</head>
<body>
</body>
</html>

内容.js：

var transform = function() {
  var theirs = 'http://www.yourdomain.com';
  var ours = 'http://sf.ourdomain.com';
  var anchors = document.getElementsByTagName('a');
  for (var a in anchors) {
    var link = anchors[a];
    var href = link.href;
    if (href.indexOf('/') == 0) link.href = ours + href;
    else if (href.indexOf(theirs) == 0) link.href = href.replace(theirs, ours);
  }
};

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
  transform();
});
4

2 回答 2

3

我认为这不是做你想要的扩展的方法。

首先，我假设您想在单击页面操作按钮时替换锚点。

无论您是否单击页面操作按钮，您拥有的清单都会在每个页面上注入content.js 。

我建议您从清单中删除content_scripts字段，并手动注入content.js ，使用

chrome.tabs.executeScript(tabId, {file:'content.js'})

您应该在页面操作的单击侦听器中执行此操作。

顺便说一句，在那个侦听器中，您正在向内容脚本发送请求，但它没有侦听器来侦听此类请求消息。在这个扩展中，您不需要使用senRequest。

于 2012-03-09T03:54:59.930 回答
2

您没有请求在这些页面上运行内容脚本的权限。内容脚本的匹配决定了它们在哪些页面中执行，但您仍然需要请求权限才能将脚本注入这些页面。

"permissions": [
  "tabs",
  "http://*/*"
]
于 2012-03-09T08:34:34.020 回答