在镀铬扩展中使用面板

Question

我很想知道，通常镀铬扩展会出现在他们图标下方的小区域中，但是如何在浏览器的一侧创建一个自己的小空间，就像FireBug lite对于Chrome一样？它将页面向上推，并在底部停靠 我在'experimental.sidebar'chrome api中看到了侧边栏，但我不想使用它，因为你必须使用命令行开关启动chrome --enable-experimental-extension-apis，并没有多少人愿意那样做。

Answer 1

基本上，在侧栏从实验状态毕业之前，您使用content script在margin或padding的一侧设置大body或html ，将position: fixed元素注入覆盖在该边距上的当前页面，然后绘制到该边框。

任何需要在页面之间保留的内容都会被扩展程序存储，并且每次加载页面时都会重新创建伪边栏。

有关示例，请参阅Firebug Lite或StumbleUpon扩展程序。

Answer 2

人们通常使用DOM操作。您可以查看FireBugs源代码，了解它们如何处理DOM。这是非常缓慢的，但是在侧边栏退出实验之前，这是现在唯一的方法。