在 Chrome 扩展 v3 中加载内容脚本的方法如下:
manifest.json
文件中,可以添加 "content_scripts"
字段来指定需要加载的内容脚本。该字段是一个数组,每个元素代表一个内容脚本的配置。配置中可以指定要加载的脚本文件、匹配的 URL 规则、加载时机等信息。"matches"
字段指定了要匹配的 URL 规则,这里是以 https://example.com/
开头的所有页面。"js"
字段指定了要加载的脚本文件,这里是 content_script.js
。content_script.js
的文件,编写相应的内容脚本逻辑。content_script.js
文件包含在扩展的文件列表中,可以通过 "web_accessible_resources"
字段来指定。该字段是一个数组,每个元素代表一个可访问的资源文件。这样,内容脚本就可以被扩展中的其他文件访问到了。"content_script.js"
出现在上述的 "js"
和 "web_accessible_resources"
字段中。以上步骤完成后,当用户安装或加载扩展后,内容脚本会在匹配的页面上自动加载执行。在这个示例中,当用户在 Chrome 浏览器中访问以 https://example.com/
开头的页面时,内容脚本 content_script.js
会被加载,并在页面加载完成后执行相应的逻辑。
相关链接:
DBTalk技术分享会
高校公开课
云+社区技术沙龙[第9期]
DB TALK 技术分享会
云+社区技术沙龙[第1期]
Techo Day 第三期
云+社区技术沙龙[第6期]
云+社区技术沙龙[第8期]
云+社区技术沙龙[第5期]