Chrome 브라우저를 사용하여 모바일에서 웹 사이트가 어떻게 보이는지 테스트

으로 관리자

오늘날의 시대에는 모든 플랫폼에서 잘 실행되는 웹 사이트가 매우 필요합니다. 다양한 해상도로 웹 사이트를 테스트 할 수있는 온라인 도구가 많이 있습니다. 그러나 온라인 또는 오프라인 도구가 필요하지 않으며 크롬 브라우저에서 바로 웹 사이트 모바일 버전을 테스트 할 수 있다는 것을 알고 있습니까? 이를위한 단계는 다음과 같습니다.

1 단계 – 우선 Chrome 브라우저에서 웹 사이트를 엽니 다.

2 단계 – 이제 CTRL + Shift + I를 눌러 콘솔을 엽니 다.

오른쪽 상단의 점 세 개를 열고 추가 도구 –> 개발자 도구.

개발자 콘솔 Chrome

3 단계 – 이제 CTRL + Shift + M. 그림과 같이 토글 아이콘을 클릭 할 수도 있습니다.

모바일 해상도 크롬

이제 웹 사이트가 크롬 브라우저에서 모바일 해상도로 표시됩니다.

내 웹 사이트 Merabheja.com의 모바일 버전입니다.모바일 버전 사이트 Chrome 개발자 도구

4 단계 – 모바일 모델 이름을 클릭하면 해상도가 다른 모바일 모델을 변경할 수 있습니다.

5 단계 – 목록에없는 사용자 지정 해상도 또는 장치로 웹 사이트를 보려면 편집하다.

사용자 지정 해상도 추가

6 단계 – 다양한 휴대폰의 긴 목록에서 장치를 선택합니다. 또는 사용자 지정 해상도를 원하거나 (또는 ​​휴대폰이 목록에없는 경우) 사용자 지정 장치 추가.

사용자 지정 장치 해상도 추가

따라서 이러한 방식으로 확장 프로그램없이 크롬을 사용하여 사이트의 모바일 버전을 테스트 할 수 있습니다.

아래에 출원: 크롬

Chrome 탭은 자동 새로 고침을 유지합니다.

Chrome 탭은 자동 새로 고침을 유지합니다.크롬

의심할 여지 없이 웹 페이지의 자동 새로 고침은 특히 다음과 같은 라이브 및 중요한 이벤트 중에 매우 유용합니다. 선거 결과, 뉴스 등의 내용은 웹 페이지에 정기적으로 업데이트됩니다. 자동 새로 고침. 그러나 이것은 웹 페이지의 내용을 읽거나 특정 연구 기사 웹 사이트를 보고 있을 때 성가시게 됩니다. 특정 웹사이트에 자주 자동 새로 고침이 필요하지 ...

더 읽어보기
IndexedDB를 지원하는 5가지 최고의 브라우저 [데이터 제한으로 순위 지정]

IndexedDB를 지원하는 5가지 최고의 브라우저 [데이터 제한으로 순위 지정]Safari 브라우저Firefox크롬

세련된 인터페이스와 뛰어난 기능을 갖춘 브라우저를 선택하십시오 IndexedDB는 웹 스토리지 표준의 대안으로 월드 와이드 웹에서 유지 관리하는 표준으로 이해할 수 있습니다.사용자의 브라우저 내부에 데이터를 저장하고 외부 요인에 관계없이 풍부한 쿼리 기능을 갖춘 웹 애플리케이션을 만드는 방법을 제공합니다.이 게시물에는 IndexedDB를 지원하는 브라...

더 읽어보기
Chrome 오류 코드 0xc0000005를 수정하는 방법

Chrome 오류 코드 0xc0000005를 수정하는 방법크롬

Google 크롬 브라우저가 실행 후 몇 초 이내에 응답하지 않고 오류 메시지가 표시됩니까? "응용 프로그램을 제대로 초기화하지 못했습니다(0xc0000005). 확인을 클릭하여 응용 프로그램을 종료합니다.“. 인터넷 사용자들은 이 상황에 대해 몇 가지 불만을 제기했으며 이 문제에 대한 몇 가지 쉬운 수정 사항이 있습니다. 다른 이유도 있지만 Syma...

더 읽어보기