如何在Javascript中檢測頁面寬度和高度？

Question

我想在html/javascript中使用一些小東西來獲得一些幫助，我如何使javascript代碼用於檢測頁面的寬度和高度，以及何時小於我想要的只是彈出警告，告知「按Ctrl - 」進行調整。 （我知道該怎麼做，只需要幫助檢測頁面大小）

謝謝！ jQuery的

Answer 1

快速的代碼片段：

if ($(document).height() < minHeight || $(document).width() < minWidth) { 
    // call popup 
} 

minHeight和minWidth是你應該定義變量。

Answer 2

如果你想按Ctrl - 意味着你要對大屏幕的目的 瀏覽器的高度和寬度，當你按下Ctrl - 後按照此步驟（用於獲取寬度省事，高度）

Press F12 - > Click on Console -> now right side under search option [in fire bug window] type window.innerWidth then select window.innerWidth and press run button which is exact under this window (bottom) and check in console [bottom] browser print window.innerWidth. Do same for get window.innerHeight 

Answer 3

嘗試以下解決方案檢測頁面寬度和高度

var pageWidth = document.documentElement.clientWidth, 
    pageHeight = document.documentElement.clientHeight; 
alert('Page Width '+pageWidth); 
alert('Page Height '+pageHeight); 

Fiddle Demo