chrome extension 如何操作 DOM?

3 min read

Chrome扩展提供了一个API，称为DOM操作API，可以用于访问和操作扩展中的DOM元素。

以下是一些常见的DOM操作API：

  1. chrome.runtime.sendMessage()：用于向扩展中的指定页面发送消息。

  2. chrome.tabs.executeScript()：可在页面中注入自定义的JavaScript脚本，用于对DOM元素进行操作。

  3. chrome.tabs.query()：可用于查询当前所有打开的标签页。

  4. chrome.tabs.sendMessage()：可向当前标签页发送消息。

  5. chrome.storage.local.set()：用于将数据存储在本地存储中，以便将来访问。

在扩展中使用DOM操作API时，需要在扩展的manifest.json文件中注册必要的权限。例如，如果要访问和修改浏览器标签页，则需要添加"tabs"和"tab"权限。