如何使用chrome.tabs.create从新创建的chrome选项卡中获取元素文本

Question

我在创建chrome扩展程序方面非常新。

我使用以下代码创建了一些标签：

chrome.tabs.create（{url：“ https://www.example.com/user.html#e ” + userId，active：true}，function（tab）{}

创建后，如何访问新创建的选项卡中的DOM和元素。

请帮我。

Answer 1

内容脚本

Chrome扩展程序可以通过内容脚本访问DOM 。

如文档所述，可以将这些脚本加载到选项卡中，然后从那里访问DOM。 例如：

manifest.json：

{
  "version": "0.1.0",
  "name": "Hello world",
  "description": "Sample extension using content script",
  "permissions": [
    "<all_urls>",
    "tabs"
  ],
  "content_scripts": [
    {
      "matches": [
        "http://*/*",
        "https://*/*"
      ],
      "js": [
        "contentScript.js"
      ],
      "run_at": "document_end"
    }
  ],
  "manifest_version": 2
}

contentScript.js：

var myElement = document.getElementById("mySelect");

// Logic to alter myElement, etc.

如果您要在内容脚本和扩展程序的后台之间发送消息和数据，那么您需要看一下消息传递 。

chrome.tabs.executeScript

您还可以使用chrome.tabs.executeScript方法访问DOM。

这样的答案解释了如何。