2013-09-26 18 views
0

我试图创建一个简单的谷歌浏览器添加,应该隐藏YouTube上的div ID。 但没有任何事情发生,没有错误,我似乎也无法检查附加组件。执行简单的JavaScript作为Chrome附加组件

有什么建议吗?这是我现在所拥有的。

{ 
    "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" 

    } 
} 

remove.js文件

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

回答

1

你需要改变你的matches包括YouTube上。 目前 - 这只会加载google.com上,按您的matches

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

参见:Match Patterns了解更多详情

+0

oooo我很愚蠢,完全瞎了javascript。 谢谢。 – Dymond

1

你说你想改变YouTube网页,但只在谷歌注入脚本.com页面。

而且,你可能don't need监听window.onload执行代码:

注:带“document_idle”,内容脚本未必收到window.onload事件,因为它们可以运行它后已经开除了。在大多数情况下,对于在“document_idle”运行的内容脚本,监听onload事件是不必要的,因为它们保证在DOM完成后运行。如果你的脚本肯定需要在window.onload之后运行,你可以通过使用document.readyState属性来检查onload是否已经被触发。

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

另一方面,如果您没有指定弹出窗口或正在监听browserAction事件,则清单中不需要browser_action部分。

+0

非常感谢。我完全失明在这里:) – Dymond