简单的js注入带有chrome扩展名的代码

时间:2012-01-31 22:32:56

标签: javascript google-chrome-extension

这是我的清单:

{
  "name": "rabbi",
  "version": "1.0",
  "description": "something",
  "browser_action": {
    "default_icon": "icon.png",
    "popup": "popup.html"
  },
   "content_scripts": [ {
      "js": ["jquery-1.7.1.min.js", "rabbi.js"],
      "matches": [ "http://*.facebook.com/*", "http://facebook.com/*", "https://*.facebook.com/*", "https://facebook.com/*" ],
      "run_at": "document_end"
   } ],
     "permissions": [ "contextMenus", "tabs", "http://*.facebook.com/*", "http://facebook.com/*", "https://*.facebook.com/*", "https://facebook.com/*" ]
}

和rabbi.js:

<script type="text/javascript">
 $(document).ready(function(){

     alert("Thanks for visiting!");

 });

</script>

但是当我进入facebook时,一条消息“感谢访问”从未弹出。

3 个答案:

答案 0 :(得分:1)

您正在注入脚本,而不是html文档。因此,您不需要<script type="text/javascript"></script>标记。

作为附注:使用属性"run_at": "document_end",在完全构造DOM时注入脚本。事实上,$(document).ready同时发生了火灾。这意味着您不必将代码包装在此函数中。

答案 1 :(得分:1)

你指定你应该在"run_at": "document_end"运行你的脚本这是在dom ready事件被触发后(所以你不需要它)

答案 2 :(得分:0)

rabbi.js是一个JavaScript文件,因此您可以删除HTML。

$(document).ready(function(){
  alert("Thanks for visiting!");
});