如何控制chrome扩展中的框架高度和宽度?

发布于 2024-11-17 20:29:38 字数 207 浏览 3 评论 0原文

我正在使用 chrome 扩展。

单击此处的按钮我需要打开菜单。 当工具栏加载到内存中时,它会为菜单项留出空间,我想在页面加载时将其删除。

单击按钮之前 点击按钮后

I am working with chrome extension.

Here in button click i required to open a menu.
When toolbar loaded in memory it make a space for menu item I want to remove it in page load.

Before Button click
After Click button

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

手长情犹 2024-11-24 20:29:38

假设弹出页面上没有高于 100px 的可见元素:

document.body.style.height="100px";
document.getElementsByTagName("html")[0].style.height="100px";

如果这不起作用,那么某些元素仍然被认为是可见的(Chrome 对此很挑剔)。

解决这个问题的最佳方法是使用弹出检查器。

  • 右键单击弹出窗口图标,选择“检查弹出窗口”。
  • 设置 元素的高度
  • 设置容器 div 的高度
  • 使用 heightoverflow:hiddenfloat:leftdisplay:none 在容器 div 及其子元素上,直到弹出窗口缩小到所需的高度

Assuming there is no visible elements taller than 100px on the popup page:

document.body.style.height="100px";
document.getElementsByTagName("html")[0].style.height="100px";

If this doesn't work then some element is still considered visible (Chrome is picky about this).

The best way to figure it out would be to use the popup inspector.

  • Right click on the popup icon, select "inspect pop-up".
  • Set height for <html> and <body> elements
  • Set height for your container div
  • Play with height, overflow:hidden, float:left, display:none on a container div and its children until popup shrinks to the required height
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文