반응형
일반PC에서 모바일버전의 페이지를 확인하는 방법에 대해서 알아보겠습니다. 특정페이지의 경우 모바일환경에서만 동작하게 만드는 경우가 있습니다. 이럴때는 매번 폰이나 애뮬레이터에서 확인을 해야되는데 데스크탑 PC에서 브라우저에서 확인하면 편리하게 테스트가 가능하며 사용자들에게 해당내용을 보여주면서 안내할때 유용하게 사용 할 수 있습니다.
엣지브라우저 확인방법
1. 브라우저 오른쪽 상단의 설정 및 기타항목 선택
2. 기타도구 메뉴 선택
3. 개발자 도구항목을 선택합니다.
-> 브라우저의 단축키로 Ctrl + Shit + I를 입력하면 바로 개발자 도구항목이 선택됩니다.
4. 웹브라우저 Url입력
주소창에 www.daum.net 을입력합니다. 아래와 같이 자동으로 m.daum.net 변경되어 모바일버전에 페이지가 입력되는 부분을 확인 할 수 있습니다. 차원 반응형 항목에서 Phone을 설정 할 수 있습니다.
5. 휴대폰 타입설정
반응형 항목에서 iPhone, Galaxy와같이 휴대폰 항목에 맞쳐서 테스트 확인 가능합니다.
6. 휴대폰 회전상태 테스트
해당 메뉴를 클릭하면 휴대폰을 회전했을때에 대한 테스트가 가능합니다.
'IT일반 > 기타' 카테고리의 다른 글
| [OpenAI] ChatGpt 사용방법 (0) | 2023.02.18 |
|---|---|
| [웹브라우저] 크롬 기본검색엔진 변경방법 (0) | 2023.02.15 |
| [NOTEPAD++] 노트패드 json데이터 예쁘게 보기 (0) | 2022.10.12 |
| [노트북] 삼성 노트북 윈도우 재설치(PC초기화방법) (1) | 2022.09.28 |
| REST API 설치 없이 테스트 (Talend API Tester) (0) | 2022.09.28 |