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

Question

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

（我想把弹窗的大小扩大到红色区域）

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

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


< iframe src="http://stackoverflow.com" width="100%" height="100%" scrolling="auto" > < /iframe >

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

更新： 类似的问题（也许是重复的？）； chrome 扩展，弹出窗口的高度

Answer 1

Chrome 扩展弹出窗口的最大高度为 600px，最大宽度为 800px。在 html 或 body 元素上使用 CSS 更改宽度或高度只会在超过这些最大值时导致滚动条（正如您所注意到的）。使用类似window.resizeBy(x,y)

之类的东西不会有任何效果。

您可以使用 CSS 隐藏滚动条，但这不会达到使页面大于 Chrome 规定的最大值的预期效果。

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

类似问题的一些参考：

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

增加 Chrome 扩展中的最大弹出窗口宽度？

Answer 2

要更改扩展弹出窗口的大小，您应该设置样式

html

 CSS 表中的元素链接到 popup.html 文件中。

截至 2024 年，Manifest v3：

您可以实现的 Google Chrome 扩展弹出窗口的最大尺寸为：

popup.css

html
{
    width: 800px;  /* max: 800px */
    height: 600px; /* max: 600px */
}