내 홈페이지가 다른 브라우저에서 어떻게 보이는지 확인하자.

2008/05/12 11:34
https://browsershots.org/

사용자 삽입 이미지

홈페이지의 메인 페이지는 내가 체크하고 싶은 홈페이지의 주소를 적는 곳과

보고 싶은 브라우저를 체크할수 있는 체크박스들이 있습니다.

그외 다른 설정들도 있네요.


이렇게 내가 체크해보고 싶은 브라우저를 클릭하고 확인하고자 하는 홈페이지 주소를 입력하면

약간의 시간이 걸리니 기다리라는 메세지가 나옵니다.

수분이 흐른뒤 페이지를 refresh하면

다음과 같이 내가 선택한 브라우저에서 스크린샷된 홈페이지 화면이 나타납니다.


사용자 삽입 이미지

물론 각각의 스크린샷을 클릭하면 더 큰 화면으로 볼수 있습니다.

또한 각각의 스크린샷을 한꺼번에 다운 받을수도 있습니다.


사용자 삽입 이미지


참쉽죠?
크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

브라우저가 문서를 standard 모드로 렌더링 하는지 quirk모드로 렌더링 하는지 확인하기

2007/11/01 11:12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>check rendering mode</title>
<script type="text/javascript">
<!--
alert('You are in '
+((document.compatMode=='CSS1Compat')?'Standards': 'Quirks')+' mode.');
//-->
</script>
</head>
<body>
</body>
</html>




모질라레퍼런스
MSDN
관련게시글
국내레퍼런스


브라우저가 문서를 표준방식으로 렌더링하는지 quirk모드로 렌더링하는지 확인할수가 있습니다.

IE6이상, 오페라9, FF에서 사용가능합니다.

하지만 이에 관련해서 W3C의 스펙을 찾을수가 없네요.

실제로 표준속성인지 아시는분 댓글 달아주세요.

아쉬운점은 사파리에서는  document.compatMode가 undefined를 리턴하여 지원하지 않는속성이고

IE6이상에서 사용가능한 속성입니다.
크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

최근 트랙백