테스트 사이트 - 개발 중인 베타 버전입니다

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

· 11년 전 · 4401 · 3

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

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

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


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


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


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

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

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


2. IE

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

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

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

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

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

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

게시글 목록

번호 제목
32341
32339
32326
32325
32322
32319
32318
32316
32315
32313
32312
32311
32310
32304
32303
32300
32293
32292
32291
32285
32284
32275
32271
32268
32265
32261
32258
32257
32255
32254
32253
32251
32250
32249
32247
32246
32245
32244
32243
32242
32241
32240
32239
32238
32237
32236
32232
32229
32228
32227
32217
32215
32214
32213
32211
32207
32196
32193
32192
32190
32188
32186
32184
32173
32172
32171
32167
32165
32163
32162
32158
32157
32155
32151
32149
32135
32132
32127
32125
32122
32120
32119
32117
32116
32115
32114
32112
32111
32109
32107
32104
32103
32102
32101
32094
32089
20404
31036
8279
8268