小编Mar*_*son的帖子

如何从 chrome.windows 创建的新弹出窗口中获取当前活动选项卡

我将创建一个 chrome 扩展,它将弹出一个新窗口,通过这样做

chrome.windows.create({
  url: chrome.runtime.getURL("popup.html"),
  type: "popup",
});
Run Code Online (Sandbox Code Playgroud)

我的问题是来自“弹出窗口”,我想从“主窗口”访问活动选项卡,例如,我想从活动选项卡更改 DOM 的背景,在活动选项卡中单击显示弹出窗口的扩展。我希望这个问题不会令人困惑。:)

清单.json

{
 "name": "test",
 "description": "test",
 "version": "1.0.0",
 "manifest_version": 3,
 "background": {
   "service_worker": "background.js"
 },
 "permissions": ["storage", "activeTab", "scripting", "tabs"],
 "action": {
   "default_icon": {
     "16": "Icon-16.png",
     "32": "Icon-32.png",
     "48": "Icon-48.png",
     "128": "Icon-128.png"
    }
 },
"icons": {
   "16": "Icon-16.png",
   "32": "Icon-32.png",
   "48": "Icon-48.png",
   "128": "Icon-128.png"
 }
}
Run Code Online (Sandbox Code Playgroud)

在弹出窗口中,我有这个 onclick 函数

const onClick = async (e) => {
if (e && e.preventDefault) e.preventDefault();


const [tab] = await chrome.tabs.query({
  active: true, …
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome google-chrome-extension reactjs

3
推荐指数
1
解决办法
2397
查看次数