javascript - Chrome 扩展页面 popup.html 不调整大小

标签 javascript google-chrome-extension

所以我有这个 Chrome 扩展,可以从互联网上加载一些内容。基本上用户点击弹出图标,然后后台页面中的一些 JavaScript 加载一些页面,从中解析图像并将其放入 popup.html 页面。问题是 popup.html 没有调整大小以适应内容的实际大小。我在 StackOverflow 上看到了几个类似的问题,每个问题的回答都是“将 <!DOCTYPE html> 放在您的 popup.html 页面顶部”,这在我的案例中不起作用。弹出窗口的大小仍然很小(大约 1 平方厘米)。

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

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

谢谢

最佳答案

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

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

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

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

关于javascript - Chrome 扩展页面 popup.html 不调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14644152/

相关文章:

google-chrome - 有没有办法将 Chrome 应用程序快捷方式添加到 Google Chrome 中的书签栏?

javascript - YouTube 播放器 API : retrieving a reference to an existing player

javascript - 如果变量发生变化则触发事件

Javascript 显示在错误日志中

javascript - 在 Chrome 扩展中单击元素之前的事件监听器运行函数

google-chrome-extension - Chrome 扩展中的 JavaScript 注入(inject)

javascript - Jest React 测试 es6 导入/导出不需要的模拟

javascript - React.createClass 和 <Name> extends Component 之间的区别

java - 一个程序有多少行代码? (我知道这有点夸张而且取决于......)

javascript - Chrome 扩展程序 : Open window when running in background