Chrome扩展弹出窗口与DOM之间的交互没有进入CSS冲突

时间:2013-07-21 21:12:32

标签: google-chrome-extension content-script

经过数小时的研究,我已经看到了多种方法来做类似的事情。但我不想将自己归结为以错误的方式接近这一点,所以我将不胜感激如何实现以下目标。

点击我的扩展程序图标时,我想在当前页面上加载工具栏。此工具栏包含许多链接和表单,可以:

  1. 与原始页面(DOM Listeners,更改DOM)进行交互
  2. 在原始页面上创建其他扩展程序弹出窗口
  3. 向外部资源发出请求
  4. 从JS的角度来看,我认为最简单的方法是直接在页面上注入我自己的HTML并通过一个内容脚本处理功能。在意识到我永远无法解释弹出窗口中的所有CSS冲突后,我放弃了这种方法。

    相反,这就是我到目前为止所拥有的。点击我的扩展程序图标时,我会在当前页面中插入一个div,然后通过popup.html加载一个来自chrome.extension.getURL('popup1.html')的iframe。这是我被卡住的地方。通过将我的内容加载到iframe中,我已经隔离了任何CSS问题。但是说我在父页面上选择了文本,然后单击popup1.html中的按钮。那么有没有办法将所选文本传回popup1.html或在新popup2.html中显示所选文字?

    我希望,一旦我了解如何进行这种交互的工作流程,我就可以继续开发。谢谢你的帮助!

0 个答案:

没有答案