Webブラウザー-サイトがモバイルレスポンシブデザインを提供しないように真のネイティブ解像度を渡す方法


11

Chrome(または他のブラウザー)がWebサイトにその解像度が電話のネイティブ解像度であり、高DPIになるように調整された低解像度ではないことを通知するように構成するにはどうすればよいですか?「デスクトップサイトのリクエスト」は一部のサイトでは機能しますが、すべてではありません。携帯電話の解像度を検出すると、モバイルの「レスポンシブ」レイアウトが表示されます。たとえば、「画面の解像度は何ですか」をGoogleで検索して最初のサイトにアクセスすると、スマートフォンが1440x2560であっても360x640と表示されます。それが重要な場合、私はロリポップを実行しています。


デスクトップモードで表示できないサイトはどれですか。そして、デスクトップブラウザでのように動作するブラウザを変更すると、画面の解像度を変更する文句を言わないことに注意してください...
ラッキー

これは私が訪問しようとしたサイトではありませんでしたが、1つの例はwww.apple.comです-ははは。ええ、リクエストのデスクトップサイトは解決に影響を与えず、ユーザーエージェントだけに影響するので、ユーザーエージェント検出ではなく、解決に依存するメディアクエリを使用してレスポンシブ/アダプティブデザインを実装するサイトでは効果がありません。
g491 2015年

回答:


10

Android版Firefoxを使用してこれを実行できることがわかりました。

  1. アドレスバーでabout:configに移動し、ピクセルを検索します。
  2. サイトでブラウザの解像度をDPI調整値ではなく画面の真のネイティブ解像度と見なしたい場合は、layout.css.devPixelsPerPxを選択し、値を-1.0(デフォルト)から1に変更します。
  3. QHD(1440x2560)のような超高解像度画面を使用している場合は、これを1ではなく2に設定することをお勧めします。次に、携帯電話を横長モードで使用すると、解像度が1280x720になり、解像度が低下します。 1に設定するのと同じように、デフォルトでは小さい。

上記を「リクエストデスクトップサイト」と組み合わせて使用​​すると、ユーザーエージェント検出ベースのサイトだけでなく、応答性の高いメディアクエリベースのサイトのデスクトップサイトを常に表示するのに非常に役立ちます。


720pの電話の場合、特定のWebサイトのデスクトップバージョンを取得するには0.5を指定する必要がありました。
Chris

うわー、私は何カ月も苦労して失望し、高解像度のタブレットがより多くの「画面アセット」を備えたWebページを表示するための解決策を見つけようとしました(そして失敗しました)。他のいくつかの解決策では、デバイスをルート化するか、PCとadbを使用する必要があると言っています。ソリューションが通常のアプリをインストールするのと同じくらい簡単であることを嬉しく思います!ありがとう@ g491!Chromeでも同じように変更できますか?
RayLuo

1
@RayLuo Chromeでそれを行う方法はわかりませんが、方法はわかりません。chrome:// flagsでdpi、解像度、スケール、ズームなどを検索したところ、何も表示されませんでした。別の方法も考えられますが、よくわかりません。
g491

Firefoxでも、このような設定は一部のサイト(このStackExchange.comなど)でのみ機能し、他のサイト(visualstudio.comなど)では機能しません。何故ですか?そして、もっと良い方法はありますか?(いや、私は18インチのSamsung Galaxy Viewをこのコンテキストでの方法とは考えていません。)
RayLuo

0

使用してみてくださいモバイルのためのオペラを、セットアップDesktop mode設定にし、電源を切りますOpera Turboモードを。これで、デスクトップWebブラウザーに読み込まれるのと同じように、Facebook、Stackoverflowなどのサイトを表示できるようになります。デスクトップモードに設定していても、一部のWebサイトはモバイルWebサイトにリダイレクトされます。


「デスクトップモードを設定する」とは、これは設定->ユーザーエージェント->「モバイル」から「デスクトップ」への変更を指しているのですか?もしそうなら、これはまだ同じ問題を抱えています。
g491 2015年

1
ブラウザを偽装してデスクトップバージョンのように動作させることはできますが、デバイスの解像度をブラウザから変更することはできません。これらのWebサイトはレスポンシブデザインとして設計されているため、解像度に従って表示され、表示ポートに適合します。デバイス... モバイルWebページでズームを無効にする方法もご覧ください。..これらの設定は、ブラウザーで行うデスクトップビュー設定には影響しません
Lucky

私はFirefoxのabout:configをチェックしていないことに気づきました。私はこれに遭遇するかもしれない他の人のために、この質問への回答としてそれを投稿しました。
g491 2015
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.