0

我试图创建一个简单的谷歌浏览器插件，它应该在 youtube 上隐藏一个 div id。但是什么都没有发生，没有错误，而且我似乎也无法检查附加组件。

有什么建议么？这就是我现在所拥有的。

 {
  "manifest_version": 2,

  "name": "One-click AntiDistraction Button",
  "description": "This extension removes youtube sidebar.",
  "version": "1.0",


  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],

      "js": ["remove.js"]
    }
  ],

  "browser_action": {
    "default_icon": "icon.png"

  }
}

删除.js 文件

window.onload = function(){
document.getElementById("watch7-sidebar").style.display="none";
};
4

2 回答 2

1

您需要更改您的matches以包含 youtube。目前 - 这只会加载到 google.com 根据您的matches

"matches": ["http://www.youtube.com/*"],

请参阅：匹配模式以获取更多详细信息

于 2013-09-26T14:33:06.293 回答
1

您说您想更改 youtube 页面，但仅在 google.com 页面中注入您的脚本。

此外，您可能不需要监听window.onload来执行您的代码：

注意：使用“document_idle”，内容脚本可能不一定会收到 window.onload 事件，因为它们可能在它已经触发后运行。在大多数情况下，在“document_idle”运行的内容脚本不需要监听 onload 事件，因为它们保证在 DOM 完成后运行。如果您的脚本确实需要在 window.onload 之后运行，您可以使用 document.readyState 属性检查 onload 是否已经触发。

要调试您的内容脚本，请打开注入它们的页面的 Chrome 开发人员工具，然后在源面板中，您会找到一个名为“内容脚本”的选项卡。

附带说明一下，browser_action如果您没有指定弹出窗口或收听browserAction事件，则不需要清单中的部分。

于 2013-09-26T14:33:15.120 回答