iOS Safariでより広いビューポートサイズを強制しますか?


8

iOS Safari(またはサードパーティのアプリ)でより大きなビューポートを強制する方法はありますか?私はウェブサイトをスクロールしてコンテンツを表示していますが、デスクトップデバイスよりも狭いデバイスを使用している場合は、サイトがコンテンツを非表示にしていると問題があります。

理想的には、幅(たとえば1024)を設定し、その幅でiPhoneをブラウズし、ドラッグしてページを表示したいと考えています。拡大鏡のようなものですが、逆です。


2
Safariで「デスクトップサイトのリクエスト」を試しましたか?私はあなたが望むことをするかもしれないと思います。
fsb

ええ、私が最初に試しましたが、
役に立ち

モバイルWebサイトのベストプラクティスは、物事を隠すことではなく、コンテンツをより狭い列に再フォーマットすることです。コンテンツを非表示にするウェブサイトは残念ながら一般的ですが、ユーザーを満足させるものではありません。
スティーブンオスターミラー、2016年

後でやって来る人のために、iOSサファリは「デスクトップサイト」を要求するときにユーザーエージェントを偽装しているように見えます。Androidのモバイルクロム(少なくともiOSをチェックしていません)も、980pxの人工ビューポートを設定します。
Sean

回答:


1

これを行うには、適切な名前のiOSアプリであるデスクトップブラウザーを使用できます。iPhoneのSafariでのサイトは次のようになります。

iphone

これは、同じiPhone上の前述のアプリで同じサイトがどのように表示されるかです。

デスクトップ

これを行うアプリは他にもあると思います。エッジの周りが少し荒く、広告でサポートされていますが、これは無料で作業を完了します。


FWIW:これは現在iOSで動作する唯一のアプリです。これを実行できることを宣伝する他のいくつかのアプリを試しましたが、AWSコンソールページで機能したのはデスクトップブラウザーだけです。アプリ内購入で広告を削除できます。
jmiserez 2017年

-2

ビューポートは、デバイスの画面スペースの量によって設定されるため、Retinaより前のiPad、iPad Air、およびiPhoneでWebページを見ると、それぞれ異なる量のページを表示できます。表示しているページのフォーマットはページによって設定され、その要素がビューポートの端を基準にして配置されていない場合は、画面外にレンダリングできます。それを回避する方法はありません。HTMLまたはCSSエディターを使用して、オンザフライでフォーマットを変更する以外は、レンダリングを改善するために変更します。ただし、残念ながら、そのような編集は、ナビゲートするとすぐに失われます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.