如何在Opera 12（適用於桌面Windows）中查找頁面寬度？

我想在Opera中訪問整頁寬度&高度。注意我不是在詢問Viewport的高度或寬度，我想要頁面/文檔的寬度爲&高度。我使用Opera 12.12如何在Opera 12（適用於桌面Windows）中查找頁面寬度？

我曾嘗試以下：

document.body.scrollWidth /身高
document.body.offsetWidth /身高
window.innerWidth /身高
文件.body.clientWidth /高度

而且它們都給出了視口的寬度/高度。

或使用以下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>

來源

2012-12-19 nefarianblack

你有_tried _...和他們返回了什麼？ – Neal

「並且它們都給出了視口的寬度/高度。」 – nefarianblack

@tanmaykhandelwal：爲什麼不呢？他們可能是一樣的。請做一個演示，他們不應該是視口尺寸，但是。 – Bergi

我是從得到正確的價值觀body.offsetWidth/Height,body.scrollWidth/Height和body.clientWidth/Height（使用與您相同的構建）。只有window.innerWidth/Height是假定返回瀏覽器窗口視口。

也許你有一些奇怪的CSS，它將主體的尺寸設置爲視口，並將滾動條放置在某個元素內部的某個元素上。在你的情況下，我得到<html>的scrollWidth/Height的預期值2000 x 2000 px，請參閱demo。

來源

2012-12-19 20:30:05 Bergi

@Bergi ...看到演示後，document.body.scrollWidth不起作用，但document.documentElement.scrollWidth工作。它在除IE瀏覽器怪癖模式外的所有瀏覽器中都提供頁面大小。謝謝Bergi！ – nefarianblack

很高興有幫助。您可能想要接受答案，請參閱[faq＃howtoask] :-) – Bergi

試試這些尺寸爲：

window.outerHeight; 
window.outerWidth;

來源

2012-12-19 13:59:03 Neal

相同，視口的寬度/高度 – nefarianblack

@tanmaykhandelwal不，它不是。 – Neal

我正在使用Opera 12.12的Windows桌面，它給了我視口的尺寸。信息：關於Opera 版本信息版本：12.12 體形：1707 平臺：Win32的系統：Windows 7 – nefarianblack

感謝Bergi我得到了我的問題的答案。我一直在調查不同瀏覽器的瀏覽器大小，這是我發現的：Google Doc Spreadsheet

來源

2012-12-20 06:57:22 nefarianblack

如何在Opera 12（適用於桌面Windows）中查找頁面寬度？

回答

相關問題