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

bihw5rsg  于 2023-05-11  发布在  Go
关注(0)|答案(2)|浏览(525)

我想扩大来自当用户点击扩展按钮弹出窗口...
(我想将弹出窗口的大小扩大到红色区域)
下面是我用来显示弹出窗口的代码;

< 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 >
iyfjxgzm

iyfjxgzm1#

Chrome扩展弹出窗口的最大高度为600 px,**最大宽度为800 px。**在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?

1cosmwyk

1cosmwyk2#

要更改扩展弹出窗口的大小,您应该在popup.html文件中链接的CSS工作表中设置html元素的样式。
截至2023年,Manifest v3:
Google Chrome扩展程序弹出窗口的最大尺寸是:

  • popup.css*
html
{
    width: 1000px; /* max: 1000px */
    height: 750px; /* max: 750px */
}

相关问题