如何展开我的 Chrome 扩展程序的弹出窗口

Posted 2023-03-05

【中文标题】如何展开我的 Chrome 扩展程序的弹出窗口

【英文标题】：How Can I Expand The Popup Window of My Chrome Extension

【发布时间】：2012-02-17 11:35:49

【问题描述】：

我想展开用户点击扩展按钮时弹出的窗口...

(我想把弹窗放大到红色区域)

这是我用来显示弹出窗口的代码；

< style type="text/css" >
body 
  min-width: 1005px; /* your desired width */
  max-width: 100%;
  position: relative;
  vertical-align:middle;

< /style >

< iframe src="http://***.com"   scrolling="auto" > < /iframe >

我试过（在 body css 中）宽度：1280px；高度：800px； - 但没有运气。它无法正常工作...

更新： 类似的问题（可能是重复的？）； chrome extension, popup window's height

【问题讨论】：

你试过把最小宽度改成你想要的宽度吗？

@Walkerneo 我试过了。我开始认为这是 chrome 的安全功能。 （现在，我正在搜索一个窗口大小比我的弹出窗口更大的弹出扩展_）

【参考方案1】：

Chrome 扩展弹出窗口的最大高度为 600 像素，最大宽度为 800 像素。在 html 或 body 元素上使用 CSS 更改宽度或高度只会导致滚动当超过这些最大值时（如您所见）。使用window.resizeBy(x,y) 之类的内容将无效。

您可以使用 CSS 隐藏滚动条，但这不会产生使页面大于 Chrome 施加的最大值的预期效果。

一种选择可能是在点击浏览器/页面操作时在页面中使用 javascript 对话框/模式，而不是使用内置弹出窗口。

一些类似问题的参考：

http://groups.google.com/a/chromium.org/group/chromium-extensions/browse_thread/thread/9c921612e2692376

Increase max popup width in a Chrome extension?

【讨论】：

600px x 800px 也是一个很好的限制尺寸。 chrome 扩展的美妙之处在于简化完成任务。在上面的屏幕截图中，它看起来像一个包含 *** 的 iframe。我个人宁愿只去 *** 而不是在 iframe 中使用 ***。这是需要牢记的。

从“Chrome 版本 38.0.2125.111 m”开始，不显示滚动条的最大尺寸为：

@SverrirSigmundarson 我可以知道在哪里可以检查吗？我想这些事情一直在变化。

@Ansh 扩展弹出窗口的相关代码存储在这里cs.chromium.org/chromium/src/chrome/browser/ui/views/extensions/… 似乎在窗口本身发生的某种填充中丢失了 20px。

cs.chromium.org/chromium/src/chrome/browser/ui/views/extensions/… 其实就在这里，给想要从 chrome 的源代码中得到确认的人。