Chrome 擴展創建一個選項卡並將內容注入其中

Question

嗨，我正在嘗試在我的后台腳本中創建一個新選項卡，並注入一個腳本（現在它只是一個檢查代碼的常規警報），但我無法做到這一點，因為如果我嘗試內聯腳本和內容腳本不能注入到 chrome-extensions:// 方案中。

我的清單：

{
    "manifest_version": 3,
    "name": "OSINTisizer",
    "description": "OSINT any IP or URL",
    "version": "1.20",
    "icons": {
        "48": "images/logo_48.png",
        "128": "images/logo_128.png"
    },
    "background": {
        "service_worker": "background.js"
    },
    "permissions": [
        "contextMenus",
        "background",
        "scripting",
        "tabs",
        "storage",
        "activeTab"
    ],
    "host_permissions": [
        "*://*/*"
    ]
}

我的 background.js 代碼片段是相關的：

chrome.tabs.create({ url: 'report.html' });
    });

我希望將 report.js 代碼注入到新創建的選項卡中：

chrome-extensions://foobar/report.html

更新：嘗試在新創建的選項卡上使用 chrome.scripting.executeScript 執行此任務，但仍無法正常工作

chrome.tabs.create({ url: "report.html" }, function (createdTab) {
            chrome.scripting.executeScript({
              target: { tabId: createdTab },
              files: ["report.js"],
            });
          });

Answer 1

解決了：！ 出於某種原因，CSP 在我上次嘗試這樣做時阻止了我，但有效的代碼是：

chrome.storage.local.set({ info: uniqeEmails }, function () {});
          chrome.tabs.create({ url: "report.html" },{

<!DOCTYPE html>
<html>
<head>
    <script src="report.js"></script>
</head>
<body>
</body>

</html>

Chrome 擴展創建一個選項卡並將內容注入其中

問題描述

1 個解決方案

解決方案1
0 2021-12-14 13:46:55

Chrome 擴展創建一個選項卡並將內容注入其中

問題描述

1 個解決方案

解決方案1 0 2021-12-14 13:46:55

解決方案1
0 2021-12-14 13:46:55