经过数小时的研究,我已经看到了多种方法来做类似的事情。但我不想将自己归结为以错误的方式接近这一点,所以我将不胜感激如何实现以下目标。
点击我的扩展程序图标时,我想在当前页面上加载工具栏。此工具栏包含许多链接和表单,可以:
从JS的角度来看,我认为最简单的方法是直接在页面上注入我自己的HTML并通过一个内容脚本处理功能。在意识到我永远无法解释弹出窗口中的所有CSS冲突后,我放弃了这种方法。
相反,这就是我到目前为止所拥有的。点击我的扩展程序图标时,我会在当前页面中插入一个div,然后通过popup.html
加载一个来自chrome.extension.getURL('popup1.html')
的iframe。这是我被卡住的地方。通过将我的内容加载到iframe中,我已经隔离了任何CSS问题。但是说我在父页面上选择了文本,然后单击popup1.html
中的按钮。那么有没有办法将所选文本传回popup1.html
或在新popup2.html
中显示所选文字?
我希望,一旦我了解如何进行这种交互的工作流程,我就可以继续开发。谢谢你的帮助!