无法从 popup.js 将 JavaScript 注入新选项卡

Question

我正在创建一个扩展程序，可以在不同的网站上自动填充 forms。 脚本的一部分使用事件侦听器记录用户的操作。 录制完成后，用户单击将启动新选项卡并自动填充表单的测试按钮。 我知道没有必要启动一个新的标签进行测试，但这个 function 稍后将用于另一个功能。

这是我到目前为止得到的。 我已经重新开始了好几次。 我尝试向内容脚本发送消息。 chrome.windows,create function 仅从弹出脚本启动。 我一周前开始进行 chrome 开发。 我完全糊涂了。

弹窗.js

`(async () =\> { const tab = await chrome.tabs.create({url: 'https://www.listyourself.net/ListYourself/listing.jsp'}); 
     const tabId = tab.id; if (!tab.url) 
      await onTabUrlUpdated(tabId); 
      await chrome.scripting.executeScript({ 
            target: {tabId}, 
            files: \['test.js'\],
        });`

  })();`

Answer 1

我认为您的扩展程序有两个问题。

1. onTabUrlUpdated 未定义。
2. 执行 chrome.tabs.create 导致弹窗失去焦点，所以 JavaScript 也被终止。

这是修复它的示例。

清单.json

{
  "manifest_version": 3,
  "name": "hoge",
  "version": "1.0",
  "permissions": [
    "scripting"
  ],
  "host_permissions": [
    "<all_urls>"
  ],
  "background": {
    "service_worker": "background.js"
  },
  "action": {
    "default_title": "hoge"
  }
}

背景.js

chrome.action.onClicked.addListener(() => {
  main();
});

const test = () => {
  console.log("test");
}

const main = async () => {
  const tab = await chrome.tabs.create({ url: "https://nory-soft.web.app/" });
  const tabId = tab.id;
  if (!tab.url) {
    chrome.tabs.onUpdated.addListener((updateTabId, changeInfo) => {
      if ((updateTabId == tabId) && (changeInfo.status == "complete")) {
        chrome.scripting.executeScript({
          target: { tabId },
          func: test
        });
      }
    });
  }
}