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

Simple js inject code with chrome extension

本文关键字：chrome 扩展 代码 js 注入 简单      更新时间：2023-09-26

这是我的清单：

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

但当我进入脸书时，永远不会弹出"谢谢访问"的消息。

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

附带说明：使用属性"run_at": "document_end"，在DOM完全构建时注入脚本。这实际上是在$(document).ready发射的同时。这意味着您不一定需要将代码封装在此函数中。

您指定应该在"run_at": "document_end"上运行脚本，这是在dom就绪事件触发（因此您不需要它）

之后

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

$(document).ready(function(){
  alert("Thanks for visiting!");
});
相关文章：