javascript - 带有 chrome 扩展的简单 js 注入(inject)代码

Question

这是我的 list :

{
  "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/*" ]
}

和拉比.js:

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

     alert("Thanks for visiting!");

 });

</script>

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

Answer 1

您正在注入(inject)脚本，而不是 html 文档。所以你不需要 <script type="text/javascript"></script>标签。

作为旁注:使用属性 "run_at": "document_end"当 DOM 完全构建时，您的脚本将被注入(inject)。实际上同时$(document).ready火灾。这意味着您不一定需要将代码包装在此函数中。