在Google Chrome中创建面板

Question

我正在将一个插件从Firefox移动到Chrome。在Firefox中，可以创建一个附加到当前窗口的单独面板，而不是您在chrome中获得的弹出窗口。

我知道Chrome允许您将脚本插入页面。如何使用脚本插入以不改变布局的方式将面板添加到窗口底部？

感谢。

Answer 1

Chrome API对此不提供任何帮助。您需要通过内容脚本手动插入和定位面板div。

如何设计风格：

• 为面板设置position:fixed;bottom:0;
• 将页面正文的margin-bottom设置为等于面板高度
• 在页面上查找设置了bottom值的绝对定位元素，并按面板高度减小它。