页面加载后加载 Google Chrome 扩展脚本

【问题标题】：Load Google Chrome Extenstion script after Page load页面加载后加载 Google Chrome 扩展脚本
【发布时间】：2018-01-15 17:21:41
【问题描述】：

如果页面完成加载，我想启动我的 js 脚本。

清单：

"content_scripts": [ {
  "matches": [ "https://*.youtube.com/*", "http://*.youtube.com/*" ],
  "js": [
    "js/jquery-3.2.1.min.js",
    "js/youtube.js",
    "js/function.js"
  ],
  "css": [
    "css/youtube.css"
  ],
  "run_at": "document_end",
  "all_frames": false
  }
],

如何开始"js/youtube.js" 和"js/function.js"？

Youtube 页面加载，但它首先加载我的扩展。

【问题讨论】：

标签： javascript google-chrome google-chrome-extension youtube manifest

【解决方案1】：

将清单文件中"run_at" 属性的值设置为"document_idle"（这是默认值）并将您的代码放入内容脚本文件中。然后在页面准备好时运行脚本。

"run_at": "document_idle"

有关更多信息，当document_idle 被触发时，您可以查看此question。

您的其他选择是从后台页面检测文档负载并在此之后插入您的内容脚本。最好的例子你可以找到here。

【讨论】：

效果不好。网站加载后 3 次中的 1 次。