FirefoxにWebサイトのモバイルバージョンを表示させるにはどうすればよいですか?


12

UnityFirefox QuantumでUbuntu 16.04 LTSを実行しているGPDポケットがあります。GPDポケットは小さなネットブック(7インチディスプレイ)です。そのため、一部のサイトでは、この画面でモバイルバージョンのWebサイト(主に私の作品のegroupwareサーバー上)を表示することを好みます。

これはどのように可能ですか?

ボーナス質問(ただし、受け入れられた答えを得るのに必要でも十分でもありません):Google Chrome /クロムでこれを行う方法は?

さまざまなものに異なるfirefoxプロファイルを使用するため、これがWebサイトごとかグローバル設定かは気にしません。

回答:


11

Firefox

Webサイトのモバイルバージョンの表示は、Firefoxの組み込み機能です。Firefoxで[ ツール] -> [ Web開発者] -> [ レスポンシブデザインモード ]を選択し、ドロップダウンメニューからデバイスモデルを選択します。

クロム/クロム

デバイスモードボタンを切り替えて、デバイスモードをオンまたはオフにします。デバイスモードがオンの場合、アイコンは青(IMG: )です。デバイスモードがオフの場合、アイコンは灰色(IMG: )です。選択ツール ] - > [ デベロッパーツール - >をクリックしますToogleデバイスツールバーのスクリーンショット以下でマウスカーソルでマークされたボタンを( - >ドロップダウンメニューを表示し、ドロップダウンからデバイスを選択するには、「応答」の右にある黒い下向きの三角形を▾クリックメニュー。

ここに画像の説明を入力してください


ありがとうございました 。1つの小さな質問。DPRとは何ですか?デバイスのDPRをどのように計算すればよいですか?
ブルーニ

DPRはD vice P ixel R atioの略です。カスタムデバイスピクセル比を設定するには、Firefoxでレスポンシブデザインモードに入り、「DPR」というラベルの付いたリストボックスをクリックして、必要な値を選択します。応答デザインモードに入るDPRをよりきめ細かく制御を取得するには、デバイスのリストボックスで、「選択されていないデバイス」を選択しない選択することで、フォーカスを持っているタブのFirefoxでズーム倍率を変更するビュー - > ズーム - > ズームイン/ Outは、DPRリストボックスで現在選択されているDPRの値を変更します。
karel

ドロップダウンメニューからレスポンシブデザインモードでデバイスを変更すると、選択したデバイスに対応するDPRにDPRが自動的に変更されます。ドロップダウンメニューを編集して、画面サイズとDPRの独自のカスタム値を持つカスタムデバイスを作成することもできます。
karel

5

User-Agent Switcherなどのアドオンを使用できます。

多くのオプションから選択できます。

ここに画像の説明を入力してください
(スクリーンショットのソース:上記のリンク)


1
+1これはありがとうございます。@Karelのソリューションは侵襲性が低いため、受け入れます。
ブルーニ

@Bruni私も同じことをしただろう
-D-ポンスキー

0

URLのwwwをmに置き換えるか、Temporary Mobile Viewなどの適切なFirefoxアドオンを試すこともできます。

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