Chrome 浏览器 Manifest V3 版本中 scripting API 解析

最新推荐文章于 2025-03-24 19:29:53 发布

gqkmiss

最新推荐文章于 2025-03-24 19:29:53 发布

阅读量2.7k

点赞数 7

分类专栏：前端浏览器插件 Chrome 文章标签： chrome 前端 Chrome 插件 Scripting 浏览器 Manifest manifest.json

本文链接：https://blog.csdn.net/guoqiankunmiss/article/details/135620841

版权

本文详细介绍了Chrome浏览器ManifestV3版本中的scriptingAPI，包括所需权限、manifest配置、注入脚本和CSS的方法，以及各种类型的定义和API方法如executeScript、getRegisteredContentScripts等的使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Chrome 浏览器 Manifest V3 版本中 scripting API 解析

chrome.scripting

使用 chrome.scripting API 在不同上下文中执行脚本。

可以使用 chrome.scripting API 将 JavaScript 和 CSS 注入网站。

一、所需权限

scripting

二、`Manifest` 配置

使用 chrome.scripting API，需要在 manifest.json 中声明 scripting 权限，以及要向其注入脚本的网页的主机权限。使用 host_permissions 关键字或 activeTab 权限。

{
   
  "name": "Scripting Extension",
  "manifest_version": 3,
  "permissions": ["scripting", "activeTab"],
}

三、注入

使用 target 参数指定要向其注入 JavaScript 或 CSS 的目标。
唯一的必填字段是 tabId。

1. 注入脚本

// 获取 tab ID 
function getTabId() {
     }
// 注入脚本
chrome.scripting.executeScript({
   
  target : {
   tabId : getTabId()},
  files : [ "script.js" ],
}).then(() => console.log("script injected"));

2. 注入代码

function getTabId() {
    ... }
function getUserColor() {
    ... }

function changeBackgroundColor() {
   
  document.body.style.backgroundColor = getUserColor();
}

chrome.scripting.executeScript({
   
  target :