我的页面中有一个iframe,像这样:
<iframe width="600px">
<html>
<head>
</head>
<body>
<p>Some text</p>
<img src="/foo/bar/test.png" />
</body>
</html>
</iframe>
我希望能够检测IFrame内容是否大于600像素。我尝试了这个:
var iframe = $('iframe');
if (iframe.width() < iframe.contents().width()) {
console.log('contents larger than the iframe');
}
这段代码在Firefox和Internet Explorer上可以运行,但是在Chrome上无法正常工作。在Chrome上,iframe.contents().width()
的结果为600。
我尝试了iframe.contents().find('body').width()
,但结果仍然为600。
如何在Chrome中检测iframe内容的真实宽度?