크로스 브라우저 방식으로 뷰포트의 정확한 높이와 너비 찾기 (프로토 타입/jQuery 없음)

Question

브라우저의 뷰포트 높이와 너비를 정확히 찾으려고하지만 Mozilla 또는 IE에서 제공하는 것으로 의심됩니다 나 잘못된 번호.

나는 아직 폭을 시작하지 않았지만 비슷한 것으로 될 것이라고 추측하고 있습니다.

이 정보를 얻는 더 정확한 방법이 있습니까? 이상적으로는 Safari/Chrome/다른 브라우저에서도 사용할 수있는 솔루션을 원합니다.

Answer 1

이 작업을 시도 할 수 있습니다 :

function getViewport() { 

var viewPortWidth; 
var viewPortHeight; 

// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight 
if (typeof window.innerWidth != 'undefined') { 
    viewPortWidth = window.innerWidth, 
    viewPortHeight = window.innerHeight 
} 

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) 
else if (typeof document.documentElement != 'undefined' 
&& typeof document.documentElement.clientWidth != 
'undefined' && document.documentElement.clientWidth != 0) { 
    viewPortWidth = document.documentElement.clientWidth, 
    viewPortHeight = document.documentElement.clientHeight 
} 

// older versions of IE 
else { 
    viewPortWidth = document.getElementsByTagName('body')[0].clientWidth, 
    viewPortHeight = document.getElementsByTagName('body')[0].clientHeight 
} 
return [viewPortWidth, viewPortHeight]; 
} 

(http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/) 그러나

, 뷰포트 정보를 얻을조차 수 없습니다 모든 브라우저 (예 : quirks 모드의 IE6). 그러나 위의 스크립트는 :-) 좋은 일을해야

Answer 2

난 항상 document.documentElement.clientHeight/clientWidth을 사용했습니다. 이 경우 OR 조건이 필요하다고 생각하지 않습니다.

Answer 3

사용이 tipp : http://www.appelsiini.net/projects/viewport 또는 코드 : http://updatepanel.wordpress.com/2009/02/20/getting-the-page-and-viewport-dimensions-using-jquery/

Answer 4

U 짧은 버전 사용할 수 있습니다 :이 시도

<script type="text/javascript"> 
<!-- 
function viewport(){ 
    var e = window; 
    var a = 'inner'; 
    if (!('innerWidth' in window)){ 
     a = 'client'; 
     e = document.documentElement || document.body; 
    } 
    return { width : e[ a+'Width' ] , height : e[ a+'Height' ] } 
} 
//--> 
</script> 

Answer 5

을 .. [가져 오기 브라우저 뷰포트 크기의

<script type="text/javascript"> 
function ViewPort() 
{ 
var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) 
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) 
var viewsize = w + "," + h; 
alert("Your View Port Size is:" + viewsize); 
} 
</script>