iOS Safari에서 더 넓은 뷰포트 크기?

iOS Safari (또는 타사 앱)에 더 큰 뷰포트를 강제 적용 할 수있는 방법이 있습니까? 웹 사이트를 스크롤하여 내용을 볼 수는 있지만 데스크탑 장치보다 좁은 장치를 사용할 때 내용을 숨기는 사이트는 좋지 않습니다.

이상적으로는 너비 (1024)를 설정 한 다음 iPhone에서 해당 너비로 탐색하고 페이지를 보려면 드래그하십시오. 돋보기와 비슷하지만 그 반대입니다.

ios mobile-safari

— 고든 코 페스타 크
소스

Safari에서 '데스크톱 사이트 요청'을 시도 했습니까? 나는 그것이 당신이 원하는 것을 할 수 있다고 생각합니다.

— fsb

그래, 내가 먼저 시도했지만 아무 소용이 없습니다

— Gordon Copestake

모바일 웹 사이트의 모범 사례는 사물을 숨기지 않고 콘텐츠를 더 좁은 열로 다시 포맷하는 것입니다. 콘텐츠를 숨기는 웹 사이트는 불행하게도 일반적이지만 사용자를 만족시키지 않습니다.

— Stephen Ostermiller

나중에 오는 사람을 위해 iOS 사파리는 "데스크톱 사이트"를 요청할 때 사용자 에이전트를 스푸핑하는 것으로 보입니다. 안드로이드의 모바일 크롬 (적어도 iOS를 확인하지는 않음)도 인공 뷰포트를 980px로 설정합니다.

— Sean

답변:

적절하게 명명 된 iOS 앱인 Desktop Browser 를 사용하여이를 수행 할 수 있습니다. iPhone의 Safari에서 사이트 모양은 다음과 같습니다.

동일한 iPhone의 위에서 언급 한 앱에서 동일한 사이트가 어떻게 보이는지 확인하십시오.

이 작업을 수행하는 다른 앱이있을 것입니다. 가장자리가 약간 거칠고 광고 지원이 가능하지만 무료이며 작업을 완료합니다.

— 샘
소스

FWIW : 현재 iOS에서 작동하는 유일한 앱입니다. 나는 그들이 할 수 있다고 광고하는 다른 몇 가지 앱을 시도했지만 AWS Console 페이지에서 작동 한 유일한 것은 Desktop Browser입니다. 인앱 구매로 광고를 제거 할 수 있습니다.

— jmiserez

-2

뷰포트는 장치의 화면 공간에 따라 설정되므로 레티 나 이전 iPad, 웹 페이지 및 iPad Air에서 웹 페이지를 볼 때 각각 다른 페이지 양을 표시 할 수 있습니다. 보고있는 페이지의 형식은 페이지에 의해 설정되며 해당 요소가 뷰포트의 가장자리를 기준으로 배치되지 않으면 화면 밖에서 렌더링 될 수 있습니다. HTML 또는 CSS 편집기를 사용하여 즉석에서 서식을 수정하는 것을 제외하고는 그 주위에 방법이 없습니다. 더 나은 렌더링을 위해 수정하십시오. 그러나 불행히도 이러한 편집 내용은 탐색하자마자 손실됩니다.

— 불카누스_
소스