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


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.