如何在 Opera 12（适用于桌面 Windows）中查找页面宽度？答案

【问题标题】：How to find page width in Opera 12 (for Desktop Windows)?如何在 Opera 12（适用于桌面 Windows）中查找页面宽度？
【发布时间】：2012-12-06 21:29:24
【问题描述】：

我想在 Opera 中访问整个页面的宽度和高度。注意我不是在询问视口的高度或宽度，我想要页面/文档的宽度和高度。我正在使用 Opera 12.12

我尝试了以下方法：

document.body.scrollWidth/Height
document.body.offsetWidth/Height
window.innerWidth/Height
document.body.clientWidth/Height

所有这些都给出了视口的宽度/高度。

请使用以下链接： http://jsfiddle.net/RQhYR/

或者使用下面的 HTML 页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
    <div style="width:2000px;height:2000px;background-color: blue;"></div>
</body>
<script type="text/javascript">
    alert(window.outerWidth + "," + window.outerHeight);
</script>
</html>

【问题讨论】：

你已经尝试过...他们返回了什么？
"所有这些都给出了视口的宽度/高度。"
@tanmaykhandelwal：为什么不呢？他们可能是一样的。请在它们不应该是视口尺寸但应该是的地方制作一个演示。
制作一个简单的 HTML 页面并在 Opera 中打开它： //页面从这里开始 ttp://www.w3.org/TR/html4/strict.dtd" rel="nofollow" target="_blank">w3.org/TR/html4/strict.dtd">

标签： javascript cross-browser opera browser-detection document-body

【解决方案1】：

我从body.offsetWidth/Height、body.scrollWidth/Height 和body.clientWidth/Height 获得了正确的值（使用与您相同的版本）。只有window.innerWidth/Height应该返回浏览器窗口视口。

也许你有一些奇怪的 CSS 将主体的尺寸设置为视口，并将滚动条放在内部某处的元素上。在您的情况下，我从 <html> 的 scrollWidth/Height 获得 2000 x 2000 像素的预期值，请参阅 demo。

【讨论】：

@Bergi...看到演示后，document.body.scrollWidth 不起作用，但 document.documentElement.scrollWidth 起作用。它给出了除 IE Quirks Mode 之外的所有浏览器中的页面大小。谢谢伯吉！
很高兴能帮上忙。您可能想接受答案，请参阅faq :-)

【解决方案2】：

试穿尺寸：

window.outerHeight;
window.outerWidth;

【讨论】：

相同，视口的宽度/高度
@tanmaykhandelwal 不，不是。
我正在使用适用于 Windows 桌面的 Opera 12.12，它给了我视口的尺寸。信息：关于 Opera 版本信息版本：12.12 Build：1707 平台：Win32 系统：Windows 7
@Neal：是的，它不是视口。但它是the dimensions of the browser window，这是 OP 肯定不想要的！

【解决方案3】：

感谢Bergi 我得到了问题的答案。我一直在对不同浏览器中的页面和视口大小进行一些调查，这就是我发现的：Google Doc Spreadsheet

【讨论】：