如何使用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扩展程序可以通过content scripts.

访问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.

如果您想在内容脚本和扩展程序的背景之间发送消息和数据，那么您需要查看message passing。

<强> chrome.tabs.executeScript

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

This SO answer解释了如何。