堆栈内存溢出
  繁体   English   中英

Chrome扩展程序页面popup.html未调整大小

[英]Chrome Extension page popup.html doesn't resize

 原文  2013-02-01 10:22:03  4   2    javascript/ google-chrome-extension

问题描述

所以我有这个Chrome扩展程序可以从互联网上加载一些内容。 基本上用户点击弹出图标，然后后台页面中的一些JavaScript加载一些页面，从中解析图像并将其放入popup.html页面。 问题是popup.html没有调整大小以适应内容的实际大小。 我在StackOverflow上看到了几个类似的问题，每个问题都在你的popup.html页面上回答“put <!DOCTYPE html> ”，在我的情况下，这个问题无效。 弹出窗口的大小仍然很小（约1平方厘米）。

以前我有一些固定宽度和高度的CSS样式，但我注意到我的内容并不总是相同的大小，所以我希望popup.html页面自动调整大小以适应内容。

我知道在最糟糕的情况下，我可以解析图像的宽度和高度，并将其设置为CSS，但我觉得有一个更优雅的解决方案。

谢谢

2 个解决方案

解决方案1
 4  2015-04-08 18:29:13

我能够用一点点jQuery动态调整弹出窗口的大小。

$('html').height($('#menu').height());

#menu只是一个包含所有内容的div。 body没有正确调整大小，所以我无法使用它。

显然只是改变html的高度就足够了。

解决方案2
 3  2013-02-21 12:59:16

我设法解决了这个问题。 显然，如果我将内容加载到popup.html中，弹出窗口将不会自动调整大小。 它没有办法。 所以我在加载要显示的内容后尝试修改页面的CSS，但这也无效。 然后我发现在动态调整大小时页面中应该没有隐藏的内容。 当我从网上加载内容时，我将整个页面隐藏在一个隐藏的div中，然后通过JavaScript我访问了我感兴趣的页面元素，抓住它并放入弹出页面中的可见容器中。 为了解决这个问题，我只需要通过document.getElementById('myHiddenDiv').innerHTML = "" “删除” document.getElementById('myHiddenDiv').innerHTML = ""隐藏div的内容，神奇地弹出大小调整:-)。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 在Chrome扩展程序中调整popup.html的大小 Chrome扩展程序：将popup.html刷新到新的html页面 如何在Chrome扩展程序中通过鼠标调整POPUP.html页面的大小 将Chrome扩展程序popup.html页面重定向到Oauth的URL Chrome 扩展：重新定位浏览器操作 popup.html 页面 是否可以将Google Analytics（分析）添加到没有popup.html的Chrome扩展程序中？ 调试 Chrome 扩展的 popup.html？ 警报未出现在 chrome 扩展程序的弹出窗口中。html Chrome扩展程序更改popup.html文本 Chrome扩展程序：强制popup.html关闭
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM