簡單的js注入帶有chrome擴展名的代碼

Question

這是我的表現：

{
  "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時，一條消息“感謝訪問”從未彈出。

Answer 1

您正在注入腳本，而不是html文檔。 因此，您不需要<script type="text/javascript"></script>標記。

作為旁注：使用屬性"run_at": "document_end" ，在完全構造DOM時注入腳本。 事實上，同時$(document).ready fires。 這意味着您不一定需要將代碼包裝在此函數中。

Answer 2

你指定你應該在"run_at": "document_end"運行你的腳本"run_at": "document_end"這是在dom ready事件被觸發后（所以你不需要它）

Answer 3

rabbi.js是一個JavaScript文件，因此您可以刪除HTML。

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