2011-05-18 83 views
3

目标是在用户单击按钮时动态更改我的Chrome扩展弹出窗口(与普通弹出窗口不同)的大小。如何动态更改Google Chrome扩展程序的popup.html的大小

我试图通过将hidden属性设置为true来隐藏页面上的元素。我也试着用window.resizeTo来改变窗口大小,但没有任何效果。

注:我可以放大窗口,但我不能收缩回

回答

5

只要调整<body>元素的CSS属性width。也可以使用<html>来达到同样的效果。

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

这不起作用。首先点击按钮显示隐藏元素,并设置“w_height = document.body.style.height” 第二次点击隐藏元素并设置\t \t \t“document.body.style.height = w_height”但窗口不缩小 – 2011-05-19 00:13:49

+0

@Tony身高似乎比宽度要求更高。同时设置body和html高度。此外,弹出窗口中应该没有可见元素,比您设置的弹出窗口高。我添加了示例如何更改html样式。 – serg 2011-05-19 01:50:14

+0

非常感谢!它像一个魅力:) – 2011-05-19 02:39:06

相关问题