데스크톱 용 Chrome에서 모바일 버전의 웹 페이지를 보려면 어떻게합니까?


29

데스크톱 용 Chrome을 사용하여 웹 사이트의 모바일 버전을 테스트하고 싶습니다.

일반적으로 m.URL 앞에 접두사를 붙여 모바일 사이트를로드 할 수 있지만로드하려고 m.superuser.com하거나 m.github.com" 사이트에 도달 할 수 없음 "오류가 발생합니다.

데스크톱 용 Chrome에서 웹 사이트의 모바일 버전을 테스트하려면 어떻게해야하나요?


2
모든 페이지 하단의 "모바일"링크를 클릭하면 나에게 잘 작동합니다.
DavidPostill

1
그것은 이미 요청 및 답변 되었습니다 ; p
DavidPostill

3
@DavidPostill 데스크톱 브라우저에서 모바일 버전으로 Stack Exchange 를 실행하는 방법을 묻는 메타 질문에 연결 중 입니다. OP가 그런 식으로 웹 사이트 를 실행 하는 방법을 묻고 있다고 확신합니다 . 그것은 완전히 다른 두 가지 경우입니다.
trejder

답변:


42

Chrome 개발자 도구를 사용하여 모바일 버전의 웹 사이트를 요청할 수 있습니다.


  1. 로 Chrome 개발자 도구를 엽니 다 F12.
  2. ' 장치 도구 모음 전환 '단추를 클릭하여 장치 모드를 켜거나 끄십시오. (장치 모드가 켜져 있으면 아이콘이 파란색입니다).

    장치 모드 활성화

  3. (선택 사항) ' 뷰포트 컨트롤 ' 을 사용하여 시뮬레이션하려는 모바일 장치를 선택하십시오 .

    뷰포트 컨트롤

  4. 모바일 버전을로드 할 수 있도록 장치 모드를 활성화하여 웹 페이지를 새로 고칩니다.

    수퍼 유저 용 모바일 사이트보기

출처


@ steven-m-vascellaro 어떤 이유로 든 responsive드롭 다운이 크롬에 표시되지 않습니다 ... 어떤 아이디어?
unknownerror

@vardin-첫 번째 스크린 샷에서 빨간색 화살표로 표시된 버튼을 클릭하여 반응 형 드롭 다운을 표시해야합니다.
앤드류 힐
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.