Html 如何扩展Chrome扩展的弹出窗口
我想扩展弹出窗口,当用户点击扩展按钮时弹出窗口 (我想将弹出窗口的大小扩展到红色区域) 下面是我用来显示弹出窗口的代码Html 如何扩展Chrome扩展的弹出窗口,html,css,google-chrome,iframe,google-chrome-extension,Html,Css,Google Chrome,Iframe,Google Chrome Extension,我想扩展弹出窗口,当用户点击扩展按钮时弹出窗口 (我想将弹出窗口的大小扩展到红色区域) 下面是我用来显示弹出窗口的代码 身体{ 最小宽度:1005px;/*您所需的宽度*/ 最大宽度:100%; 位置:相对位置; 垂直对齐:中间对齐; } 我试过(在体css)宽度:1280px;高度:800px-但是没有运气。它工作不正常 更新: 类似的问题(可能是重复的?) Chrome extension弹出窗口的最大高度为600px,最大宽度为800px。在html或body元素上使用CSS更改
我试过(在体css)宽度:1280px;高度:800px-但是没有运气。它工作不正常
更新:
类似的问题(可能是重复的?) Chrome extension弹出窗口的最大高度为600px,最大宽度为800px。在html或body元素上使用CSS更改宽度或高度时,超过这些最大值只会导致滚动条(如您所注意的)。使用类似于
window.resizeBy(x,y)
的方法将无效
您可以使用CSS隐藏滚动条,但这不会产生使页面大于Chrome设置的最大值的预期效果
一个选项可能是在单击浏览器/页面操作时在页面中使用JavaScript对话框/模式,而不是使用内置弹出窗口
对类似问题的一些参考:
你试过把最小宽度改成你想要的宽度吗?@Walkereno我试过了。我开始认为这是chrome的安全功能。(现在,我正在搜索一个窗口比我的弹出窗口大的弹出窗口扩展)。600px乘以800px也是一个很好的限制大小。chrome扩展的美妙之处在于简化了一些事情的完成。在上面的屏幕截图中,它看起来像一个包含stackoverflow的iframe。我个人宁愿直接使用stackoverflow,也不愿在iframe中使用stackoverflow。这是需要记住的。从“Chrome版本38.0.2125.111 m”开始,不显示滚动条的最大大小是:@SverrirSigmundarson我可以知道在哪里可以检查它吗?我想,这些东西一直在变化。@Ansh扩展弹出窗口的相关代码存储在这里,似乎在窗口本身的某种填充中丢失了20px。它实际上就在这里,为那些想从chrome的源代码中得到确认的人准备的。
< 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 >