2

出于某种原因，当我尝试在 Chrome 扩展程序中使用 getElementsByTagName 时，我得到一个空列表。例如：

背景.js

document.body.onload = function(){
    chrome.browserAction.onClicked.addListener(function(tab) {
        alert(document.getElementsByTagName("div").length);
    });
};

会提醒我“0”。此外，如果在我的addListener函数中创建 adiv并将其附加到body，则长度变为“1”。所以看起来扩展只检测在点击扩展后创建的对象......有什么想法吗？

PS这里是我的清单文件

清单.json

{
  "name": "tester",
  "version": "1.0",
  "manifest_version": 2,
  "background": {
      "scripts": ["background.js"],
      "persistent": false
  }
}
4

2 回答 2

2

该background.js脚本在后台页面上下文中执行。在这里，由于您只声明了一个后台脚本，因此您的后台页面已生成，并且没有任何内容。

您可以通过转到 chrome://extensions/ 并单击Inspect views: _generated_background_page.html扩展程序旁边的链接来查看生成的背景页面。它看起来像这样：

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <script src="background.js"></script>
  </body>
</html>

如您所见，没有<div>元素，因此document.getElementsByTagName("div").length将返回 0。

如果要获取网页的内容，则必须使用内容脚本。

于 2013-10-18T12:50:18.250 回答
1

只是一个后续，这是我使用的代码。它通过在单击扩展按钮时将脚本注入活动选项卡来工作（更多信息在这里）

注入的.js

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.executeScript(null, {file: "testscript.js"});
});

测试脚本.js

document.body.style.backgroundColor="red";

清单.json

{
  "name": "injecttester",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background": {
      "scripts": ["injected.js"],
      "persistent": false
  },
  "permissions": [
  "activeTab",
  ]
}
于 2013-10-18T19:54:50.713 回答