브라우저별 그리고 브라우저 버전별 웹사이트 확인방법
웹사이트를 만들다보면 사용자의 환경을 고려하여 만들어야 하는데
이때 고려해야 하는 것이 브라우저별로 원하는대로 제대로 보이는 지 확인하는 것과
마찬가지로 브라우저 버전별로 화면 표현에 이상이 없는지 확인하는 것일 거 같습니다.
컴퓨터에 모든 브라우저와 브라우저도 버전별로 모두 설치하여 놓고 일일이 확인할 수도 없고 말입니다.
그래서 방법을 찾아야 하는데요...
1. IE를 제외한 브라우저 확인 방법
http://browsershots.org/에 접속하여 확인할 URL을 입력하고 브라우저 및 브라우저 버전별로 체크한 후 클릭하여
제대로 보이는지 확인하면 됩니다.
2. IE
IE 11에 개발자도구에 IE버전별로 확인하는 기능이 들어 있습니다.
IE 11브라우저로 원하는 URL을 입력한 후 F12를 누르거나 메뉴의 개발자도구를 클릭합니다.
개발자도구 > 하단의 에뮬레이션(Ctrl+8)을 선택합니다.
오른쪽 부분에 문서모드 부분을 찾고 거기서 IE하위 버전별로 선택을 하면 띄워 논 화면이 선택 버전별로 보여줍니다.
이상유무를 확인하면 됩니다.
댓글 3개
11년 전
감사합니다.
11년 전
앗 이런게 있다니 좋은정보 감사합니다.
Qstudio
11년 전
익스플로어는 IE tester 프로그램으로 보면 편하더라구요 (설치형)
게시글 목록
| 번호 | 제목 |
|---|---|
| 10762 |
jQuery
회사에 히스토리에 써먹을 만한 자료
8
|
| 10754 | |
| 10752 |
MySQL
고수님들 도와주세요!
1
|
| 10749 |
Mobile
json 파싱방법
2
|
| 10746 | |
| 10740 | |
| 10738 | |
| 10736 | |
| 10733 |
JavaScript
주민번호, 외국인번호 검사 스크립트
2
|
| 10731 |
Mobile
Base64.java 파일입니다.
1
|
| 10730 | |
| 10727 | |
| 10725 |
MySQL
Mysql Text필드
1
|
| 10721 | |
| 10719 |
Mobile
[안드로이드] 프리퍼런스 사용 방법
1
|
| 10718 | |
| 10712 | |
| 10711 |
Mobile
[ios]사진촬영후 이미지 편집 샘플입니다.
|
| 10710 |
JavaScript
Html , javascript , css 강좌 사이트 입니다.
|
| 10709 |
JavaScript
주민번호 자바스크립트 체크
|
| 10707 |
jQuery
안녕하세요 jquery에 대해 물어볼게있습니다
1
|
| 10706 | |
| 20108 | |
| 10705 |
Mobile
[안드로이드] 자신의 폰에 깔려있는 앱들 검색하기
|
| 10703 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기