小编moo*_*oli的帖子

我正在创建一个chrome扩展,需要position:fixed在页面底部注入一个浮动元素(即).我的要求是:

• 我需要从内容脚本中访问其中的元素.
  这是因为我将事件附加到按钮,以便用户可以从浮动栏对当前选项卡执行操作.
• 我希望它的样式保持独立于当前页面的样式.

到目前为止,我已经尝试了三种解决方案并且没有提出任何问题

1. 内容脚本注入固定的html元素.
   这个解决方案的问题是页面的样式和我的元素的样式会相互影响,从而导致网页影响我的元素的样式,反之亦然.

2. 注入iframe的内容脚本.
   这里的问题是,无法从创建iframe的内容脚本访问iframe中的元素,另一方面,chrome扩展不允许在动态注入的iframe中运行内容脚本(即使在使用时all_frames: true).

3. 扩展Devtool面板
   这不符合我的需求,因为我需要在每个页面上显示我的面板.例如,用户可以执行打开多个选项卡的操作,并使所有选项卡都包含我的元素.在devtool面板中,我的用户必须手动在所有选项卡中打开devtoold.

请指教.