经过数小时的研究，我已经看到了多种方法来做类似的事情。但我不想让自己以错误的方式解决这个问题，所以我会很感激任何关于如何实现以下目标的建议。
单击我的扩展程序图标时，我想将工具栏加载到当前页面上。此工具栏有许多链接和表单，它们可以：
- 与原始页面交互（DOM Listeners，更改 DOM）
- 在原始页面上创建额外的扩展弹出窗口
- 向外部资源发出请求
从 JS 的角度来看，我认为将我自己的所有 HTML 直接注入页面并通过一个内容脚本处理功能是最简单的。在意识到我永远无法解释弹出窗口中的所有 CSS 冲突后，我放弃了这种方法。
所以相反，这就是我到目前为止所拥有的。单击我的扩展图标时，我将一个 div 注入当前页面并加载一个源自popup.htmlvia的 iframe chrome.extension.getURL('popup1.html')。这就是我卡住的地方。通过将我的内容加载到 iframe 中，我隔离了所有 CSS 问题。但是假设我在父页面上选择了文本，然后单击popup1.html. 那么有没有办法将选定的文本传递回popup1.html或在新的 中显示选定的文本popup2.html？
我希望一旦我完成了如何进行这种交互的工作流程，我就可以继续进行开发。谢谢你的帮助！