作为chrome插件执行简单javascript

作为chrome插件执行简单javascript,javascript,google-chrome-extension,google-chrome-app,Javascript,Google Chrome Extension,Google Chrome App,我试图创建一个简单的google chrome插件,它应该在youtube上隐藏一个div id。 但是什么都没有发生,没有错误,而且我似乎也无法检查附加组件 有什么建议吗?这就是我现在所拥有的 { "manifest_version": 2, "name": "One-click AntiDistraction Button", "description": "This extension removes youtube sidebar.", "version": "1.0

我试图创建一个简单的google chrome插件,它应该在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";
};

您需要更改您的
匹配项
,以包含youtube。 目前-这将仅根据您的
匹配项在google.com上加载

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

请参阅:有关详细信息

您说要更改youtube页面,但只在google.com页面中注入脚本

另外,您可能需要监听
window.onload
来执行代码:

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

要调试内容脚本,请打开注入内容脚本的页面的Chrome Developer工具,然后在“源”面板中找到一个名为“内容脚本”的选项卡


另外,如果您没有指定弹出窗口或收听
browserAction
事件,则不需要清单中的
browser\u action
部分。谢谢,非常感谢。我完全失明了:)