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

으로 관리자

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

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

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

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

개발자 콘솔 Chrome

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

모바일 해상도 크롬

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

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

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

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

사용자 지정 해상도 추가

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

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

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

아래에 출원: 크롬

Windows 10에서 Chrome 문제를 해결하는 방법

Windows 10에서 Chrome 문제를 해결하는 방법크롬

Chrome은 다양한 기능, 무료 확장 프로그램 및 사용 편의성으로 인해 전 세계적으로 가장 많이 사용되는 브라우저 중 하나입니다. 그러나 모든 좋은 점에는 단점이 있으며 Chrome도 마찬가지입니다. 웹을 탐색하거나 동영상을 보는 동안 Chrome이 멈추거나 멈출 수 있습니다.음, 이는 Chrome에서 매우 흔하고 잔잔한 문제로 끝까지 실망 스럽습니...

더 읽어보기
인생을 바꿀 30 가지 유용한 Chrome 확장 프로그램

인생을 바꿀 30 가지 유용한 Chrome 확장 프로그램크롬

2017 년 10 월 8 일 으로 관리자들어 보지 못했지만 진정으로 혁신적이고 강력한 최고의 크롬 확장 프로그램입니다. 따라서이 기사의 소개에서 별다른 차이를주지 않고 지금까지 선택한 상위 100 개의 크롬 확장 목록을 살펴 보겠습니다.Onetab – 모든 탭을 한 번에 목록으로 변환합니다. 95 % 메모리를 확보하고 브라우징 경험을 더 빠르게 만듭니...

더 읽어보기
Windows 10 웹 검색을 Chrome 브라우저로 리디렉션하는 방법

Windows 10 웹 검색을 Chrome 브라우저로 리디렉션하는 방법윈도우 10크롬

Windows 10의 두 가지 놀라운 기능은 Cortana와 Microsoft Edge입니다. Cortana 바는 웹 서핑 입력 한 키워드의 검색 결과로 옵션을 선택합니다. 그리고 Microsoft Edge는 Microsoft의 새로운 검색 엔진입니다. 따라서 Windows 10 장치의 Cortana 표시 줄에서 무언가를 검색 할 때 웹 검색 인 경우...

더 읽어보기