如何使用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。

這樣的答案解釋了如何。