테스트 코드
http://jsbin.com/dipijeqi/11
효과:
크롬
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 2 (정확한)
screen.devicexdpi / screen.logicalxdpi : nan
Window.outerWidth / Window.innerWidth : 2
document.documentElement.offSetheight / window.innerHeight : 0.020618556701030927 (상관 관계와)
window.top.outerwidth / window.top.innerwidth : 2
FF
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 1.5 (정확한)
screen.devicexdpi / screen.logicalxdpi : nan
Window.outerWidth / Window.innerWidth : 1.01145833333333333333333
document.documentElement.offSetheight / window.innerHeight : 0.023391812865497075 (상관 관계 포함)
window.top.outerwidth / window.top.innerWidth : 1.01145833333333333333
IE 8
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 정의되지 않았습니다
screen.devicexdpi / screen.logicalxdpi : 1.54166666666666667 (정확한 주변)
Window.outerWidth / Window.innerWidth : NAN
Document.DocumentELement.OffSetheight / Window.innerHeight : Nan
window.top.outerwidth / window.top.innerWidth : nan
IE11
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 1.5 (정확한)
screen.devicexdpi / screen.logicalxdpi : 1.5
Window.outerWidth / Window.innerWidth : 1.0084033613445377
Document.DocumentELement.OffSetheight / Window.innerHeight : 0.02203856749311295 (상관 관계와)
Window.top.outerwidth / window.top.innerWidth : 1.0084033613445377
IE10
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 정의되지 않았습니다
screen.devicexdpi / screen.logicalxdpi : 1.5 (정확한)
Window.outerWidth / Window.innerWidth : 1.0084033613445377
document.documentElement.offSetheight / window.innerHeight : 1
Window.top.outerwidth / window.top.innerWidth : 1.0084033613445377
IE9
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 정의되지 않았습니다
screen.devicexdpi / screen.logicalxdpi : 1.5 (정확한)
Window.outerWidth / Window.innerWidth : 1.0084033613445377
document.documentElement.offSetheight / window.innerHeight : 1
Window.top.outerwidth / window.top.innerWidth : 1.0084033613445377
360 6.3 (전혀 응답 없음)
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 정의되지 않았습니다
screen.devicexdpi / screen.logicalxdpi : 1
Window.outerWidth / Window.innerWidth : NAN
Document.DocumentELement.OffSetheight / Window.innerHeight : Nan
window.top.outerwidth / window.top.innerWidth : nan
360 스피드 브라우저
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 1
screen.devicexdpi / screen.logicalxdpi : nan
Window.outerWidth / Window.innerWidth : 1.5
Document.DocumentELement.OffSetheight / Window.innerHeight : 0.015267175572519083
window.top.outerwidth / window.top.innerWidth : 1.5 (정확한)
Sogou 고속 브라우저 (전혀 응답 없음)
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 정의되지 않았습니다
screen.devicexdpi / screen.logicalxdpi : 1
Window.outerWidth / Window.innerWidth : NAN
Document.DocumentELement.OffSetheight / Window.innerHeight : Nan
window.top.outerwidth / window.top.innerWidth : nan
Taobao 브라우저
코드 사본은 다음과 같습니다.
Window.devicePixelratio : 1
screen.devicexdpi / screen.logicalxdpi : nan
Window.outerWidth / window.innerWidth : 2.0710059171597632 (대략 정확함)
Document.DocumentELement.OffSetheight / Window.innerHeight : 0.022988505747126436
Window.top.outerwidth / window.top.innerWidth : 2.0710059171597632