Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Google Chrome中创建面板_Javascript_Firefox_Google Chrome_Google Chrome Extension - Fatal编程技术网

Javascript 在Google Chrome中创建面板

Javascript 在Google Chrome中创建面板,javascript,firefox,google-chrome,google-chrome-extension,Javascript,Firefox,Google Chrome,Google Chrome Extension,我正在将一个插件从Firefox迁移到Chrome。在Firefox中,可以创建一个附加到当前窗口的单独面板,而不是chrome中的弹出窗口 我知道Chrome允许你在页面中插入脚本。如何在不改变布局的情况下使用脚本插入将面板添加到窗口底部 谢谢。Chrome API对此没有任何帮助。您需要通过内容脚本手动插入和定位面板div 如何设置样式: 设置位置:固定;底部:0 将页面正文的页边距底部设置为等于面板高度 在页面上查找设置了bottom值的绝对定位元素,并将其按面板高度减小 这似乎创建了一

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

我知道Chrome允许你在页面中插入脚本。如何在不改变布局的情况下使用脚本插入将面板添加到窗口底部


谢谢。

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

如何设置样式:

  • 设置<代码>位置:固定;底部:0
  • 将页面正文的
    页边距底部设置为等于面板高度
  • 在页面上查找设置了
    bottom
    值的绝对定位元素,并将其按面板高度减小

这似乎创建了一个浮动在内容上的div。是否需要将页面内容向上移动以为面板腾出空间?@usertest您可以通过设置整个
的底部边距来完成此操作。如果您正在考虑有选择地显示面板,这可能很有用: