Chrome 扩展——同时在多个新标签页中运行 executeScript

Question

我正在构建一个带有搜索表单的 popup.html 的 Chrome 扩展程序。与 Travelocity 或 Kayak 一样，该表单包含复选框，因此用户可以选择他们想要查询的站点。

提交时，popup.js 会根据选中的复选框启动多个新选项卡。在每个新选项卡的 tabs.create() 回调中，我使用 executeScript 来： - (A) 将用户的查询注入每个新页面的搜索表单中，并且 - (B) 在这些页面上提交搜索表单。

My code is working when one checkbox is selected (i.e. new tab is launched), but when multiple new tabs are created simultaneously it appears that the executeScript isn't running consistently.有时有效，有时无效。

这让我相信脚本执行的时间存在某种问题，但我不确定。

如果您有任何想法，我很想听听您的建议。

另外，如果您有任何关于如何在未来调试此类问题的资源，我将不胜感激。

这是我在 github 上的代码...

• 整个回购：https://github.com/rossmorey/SongSearch
• manifest.json
• popup.html
• popup.js（最相关的文件）

非常感谢！

Answer 1

好像当您打开多个选项卡时 - 您的 popup.html 失去焦点并关闭，因此注入您的代码的 tabs.create 回调将不会被执行。

尝试使用“active:false”选项创建选项卡，如下所示：

chrome.tabs.create({url: stringToObj[org], active:false} ...

我认为它会对你有所帮助。

还有…… 这是您的 SeSac 注入代码中的一个错误：如果在弹出窗口中没有定义搜索类型，则阻止

input[value="undefined"]

将找不到，因此“未定义”将调用“已检查”属性，这将阻止您注入脚本执行。