방법이야 다를 수 있지만 본인이 사용하는 방법은 다음과 같다.
1. 화면에 마우스 오른쪽 버튼을 눌러서 요소검사를 선택한다.
2. 창이 나오면 그 창의 오른쪽에 톱니바퀴를 선택한다.
3. 팝업창에서 Settings 중 Overrides 를 선택하고,
Show Emulation view in console drawer 를 체크 상태로 만든다.
4. 팝업을 닫고 요소검사 화면으로 돌아와 Elements 를 선택한다.
사실 선택안해도 되지만 포커스가 엉뚱한곳에 가 있어서 삽질하는 유저가 있을수도 있어서 그리하도록 하자는거다.
5. HTML 의 구조화면이 나오는데 여기서 ESC 키를 누른다.
6. 그러면 화면이 분할되면서 아래에 새로운 영역이 보이는데 여기서 Emulation을 선택한다.
7. 이제 기기를 고르거나 각종 에뮬레이션 옵션을 켜서 원하는 기기로 테스트해 볼 수 있다. 그리고 User Agent 를 고르면 거기서 UA 값도 임의로 바꿀 수 있다.
'IT > WEB' 카테고리의 다른 글
| Windows Internet Explorer 11 팝업이 타겟 진행 문제... (0) | 2014.05.12 |
|---|---|
| event.preventDefault() vs return false; (0) | 2014.02.26 |
| form 의 get post 전송...시 action url 의 값....전달여부 (0) | 2013.04.23 |
| 닫기 이벤트 처리... (0) | 2012.07.24 |
| each, forEach (0) | 2012.04.27 |