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

으로 관리자

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

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

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

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

개발자 콘솔 Chrome

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

모바일 해상도 크롬

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

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

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

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

사용자 지정 해상도 추가

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

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

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

아래에 출원: 크롬

Geek 페이지 – Windows 팁 및 소프트웨어 리뷰 – 7 페이지설치건반공연인쇄기랜덤시작저장최신 정보윈도우 10블루투스크롬프리웨어노름

일부 Windows 10 사용자는 최근 .ogg 파일이 컴퓨터의 파일 탐색기를 충돌시키는 것에 대해 불평했습니다. Windows Media Player는 기본적으로이 형식을 지원하지 않지만 Groove Music…Windows 정품 인증 중에 다음과 같은 오류가 발생했을 수 있습니다. 지금은 Windows 정품 인증을받을 수 없습니다. (0x80070...

더 읽어보기

Windows 10 – 6 페이지어떻게설치회로망공연인쇄기저장최신 정보윈도우 10크롬디스플레이가장자리프리웨어

"프린터 유효성 검사에 실패했습니다." 메시지는 대개 드라이버 업데이트 또는 정전을받은 직후 화면에 나타납니다. 다음과 같은 경우 프린터 소프트웨어에서 메시지가 표시됩니다.Windows 10 장치를 업데이트하려고 할 때 오류 코드-0x80240023이 표시됩니까? 그렇다면이 기사는 당신만을위한 것입니다. SoftwareDistribution 폴더의 O...

더 읽어보기

Geek 페이지 – Windows 팁 및 소프트웨어 리뷰 – 페이지 10어떻게설치사무실랜덤보안윈도우 10카메라크롬명령 프롬프트가장자리오류뛰어나다노름

Vulkan-1.dll은 또 다른 dll 파일이지만 Windows 10에서 앱과 프로그램이 원활하게 작동하도록 도와주는 시스템에서 중요합니다. 앱이 필요한 시스템 리소스에 액세스 할 수 있습니다.Windows 10은 다양한 특징과 기능으로 인해 세계에서 가장 인기있는 운영 체제 중 하나입니다. 무엇보다도 사용자 정의가 가능합니다. 그것은 당신이 그것을...

더 읽어보기