웹 브라우저-사이트가 모바일 반응 형 디자인을 제공하지 못하도록 진정한 기본 해상도를 전달하는 방법


11

Chrome (또는 다른 브라우저)이 웹 사이트에 해상도가 휴대 전화의 기본 해상도이며 DPI가 높도록 조정 된 해상도가 아니라고 알리도록 어떻게 구성 할 수 있습니까? "데스크톱 사이트 요청"은 일부 사이트에서만 작동하지만 일부 사이트에서는 작동하지 않으며 전화의 해상도를 감지 한 사이트에는 모바일 "응답"레이아웃이 표시됩니다. 예를 들어 Google에서 "화면 해상도는 얼마입니까?"라는 메시지를 표시하고 첫 번째 사이트를 방문하면 내 휴대 전화가 1440x2560 인 경우에도 360x640을보고합니다. 중요한 경우 Lollipop을 실행하고 있습니다.


데스크톱 모드에서 볼 수없는 사이트는 무엇입니까? 데스크탑 브라우저 에서처럼 브라우저를 변경해도 화면 해상도는 변경되지 않습니다.
— Lucky

이것은 내가 방문하려는 사이트가 아니지만 한 가지 예는 www.apple.com-haha입니다. 예, 요청 데스크톱 사이트는 해상도에 영향을 미치지 않으며 사용자 에이전트 만 믿기 때문에 사용자 에이전트 감지 대신 응답 / 적응 형 디자인을 구현하기 위해 해상도에 의존하는 미디어 쿼리를 사용하는 사이트에서는 효과가 없습니다.
— g491 2016

답변:


10

Android 용 Firefox를 사용하여 다음을 수행 할 수 있습니다.

  1. 주소 표시 줄에서 about : config로 이동 한 다음 픽셀을 검색하십시오.
  2. 사이트에서 브라우저 해상도가 DPI 조정 값이 아닌 화면의 기본 해상도라고 생각하도록하려면 layout.css.devPixelsPerPx를 선택하고 값을 -1.0 (기본값)에서 1로 변경하십시오.
  3. QHD (1440x2560)와 같은 초 고해상도 화면을 사용하는 경우 1 대신 2로 설정 한 다음 가로 모드에서 전화를 사용하면 해상도가 1280x720이되어 1로 설정하면 기본적으로 작습니다.

위의 "데스크톱 사이트 요청"과 함께 사용하면 사용자 에이전트 감지 기반 사이트뿐만 아니라 반응 형 미디어 쿼리 기반 사이트에도 항상 데스크톱 사이트를 표시하는 데 큰 도움이됩니다.


720p 전화의 경우 특정 웹 사이트의 데스크톱 버전을 얻으려면 0.5를 넣어야했습니다.
— Chris

와우, 저는 몇 달 동안 고생하고 실망하여, 고해상도 태블릿에서 웹 페이지를 더 많은 "화면 자산"으로 표시 할 수있는 솔루션을 찾으려고 노력했습니다. 다른 솔루션은 장치를 루팅하거나 PC와 adb, blah blah blah를 사용해야한다고 말합니다. 이제 솔루션이 일반 앱을 설치하는 것만 큼 간단하다는 사실에 놀랐습니다! @ g491 감사합니다! Chrome에서도 동일한 변경을 할 수 있습니까?
— RayLuo

1
@RayLuo Chrome에서 그렇게하는 방법을 모르지만 어떻게 해야할지 모르겠습니다. dpi, 해상도, 배율, 줌 등과 같은 것들을 찾기 위해 chrome : // flags를 검색하려고 시도했지만 아무것도 보지 못했습니다. 다른 방법이있을 수 있지만 확실하지 않습니다.
— g491 2019

Firefox에서도 이러한 설정은 일부 사이트 (예 :이 StackExchange.com)에서만 작동하지만 다른 사이트 (예 : visualstudio.com)에서는 작동하지 않습니다. 왜 그런 겁니까? 더 좋은 방법이 있습니까? (이런 맥락에서 18 인치 삼성 갤럭시 뷰를 고려하지는 않는다.)
— RayLuo

0

사용해보십시오 Mobile 용 오페라 및 설정 Desktop mode설정 및 끄기 Opera Turbo모드. 이제 데스크톱, 웹 브라우저에로드되는 것과 같은 방식으로 Facebook, Stackoverflow 등의 사이트를 볼 수 있습니다. 데스크탑 모드로 설정하더라도 일부 웹 사이트는 모바일 웹 사이트로 리디렉션됩니다.


"데스크톱 모드 설정"이란 설정-> 사용자 에이전트-> "모바일"에서 "데스크톱"으로의 변경을 의미합니까? 그렇다면 여전히 동일한 문제가 있습니다.
— g491 2016

1
브라우저를 스푸핑하여 데스크톱 버전처럼 작동 할 수는 있지만 브라우저에서 장치의 해상도를 변경할 수는 없습니다. 이러한 웹 사이트는 반응 형 디자인으로 설계되어 해상도에 따라 표시되며보기 포트에 맞습니다. 장치 ... 또한 모바일 웹 페이지에서 확대 / 축소를 사용 중지하는 방법을 살펴보십시오 . ..이 설정은 브라우저에서 설정 한 데스크톱보기 설정에 영향을 미치지 않습니다
— Lucky

Firefox에서 about : config를 확인하지 않았으며 설정이 충분히 있는지 확인했습니다. 나는 이것을 만나는 다른 사람들을 위해이 질문에 대한 답변으로 게시했습니다.
— g491 2018
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.