브라우저별 그리고 브라우저 버전별 웹사이트 확인방법

· 2014-03-19 (수) 12:37:24 · 4625 · 3

웹사이트를 만들다보면 사용자의 환경을 고려하여 만들어야 하는데

이때 고려해야 하는 것이 브라우저별로 원하는대로 제대로 보이는 지 확인하는 것과

마찬가지로 브라우저 버전별로 화면 표현에 이상이 없는지 확인하는 것일 거 같습니다.


컴퓨터에 모든 브라우저와 브라우저도 버전별로 모두 설치하여 놓고 일일이 확인할 수도 없고 말입니다.


그래서 방법을 찾아야 하는데요...


1. IE를 제외한 브라우저 확인 방법

 http://browsershots.org/에 접속하여 확인할 URL을 입력하고 브라우저 및 브라우저 버전별로 체크한 후 클릭하여

제대로 보이는지 확인하면 됩니다.


2. IE

IE 11에 개발자도구에 IE버전별로 확인하는 기능이 들어 있습니다.

IE 11브라우저로 원하는 URL을 입력한 후 F12를 누르거나 메뉴의 개발자도구를 클릭합니다.

개발자도구 > 하단의 에뮬레이션(Ctrl+8)을 선택합니다.

오른쪽 부분에 문서모드 부분을 찾고 거기서 IE하위 버전별로 선택을 하면 띄워 논 화면이 선택 버전별로 보여줍니다.

이상유무를 확인하면 됩니다.

|

댓글 3개

감사합니다.
앗 이런게 있다니 좋은정보 감사합니다.
익스플로어는 IE tester 프로그램으로 보면 편하더라구요 (설치형)
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
15-07-30 조회 1,145
15-06-08 조회 3,072
15-05-27 조회 1,947
15-01-08 조회 4,056
14-12-30 조회 2,714
14-10-10 조회 2,559
14-08-13 조회 3,486
14-08-11 조회 2,186
14-08-06 조회 3,562
14-03-19 조회 4,626
13-04-26 조회 6,671
12-12-15 조회 2,391
12-12-15 조회 4,640
12-12-11 조회 2,596
12-11-21 조회 3,087
12-10-11 조회 2,435
12-10-03 조회 2,190
12-09-20 조회 3,592
12-09-02 조회 1,884
12-08-29 조회 2,376
12-08-29 조회 1,553
12-08-24 조회 1,760
12-08-18 조회 1,993
12-08-17 조회 1,924
12-08-16 조회 1,249