スマホ版、PC版サイトを切り替える方法まとめ

スマホ版のサイトにありがちな、表(table)がもの凄く見辛い時、YahooのホームページなどPC版の方が見慣れているので使いやすい場合。そんなときにスマホ版からPC版に切り替える方法をご紹介します。

左がスマホ版、右がPC版の表示です。

スマホ表示PC表示

そもそもこのサイトのスマホ表示では、画面内からはみ出していました。
いまのところ、表がレスポンシブルWEBデザインに対応できていません。

スマホからPC版に切り替える

スマートフォンからPC版が見たいときです。
今回はSafari(iOS8以上)とGoogle Chromeでの切り替え方法を紹介します。

Safari

1.Safariを起動

1safariを起動
2.下にスワイプしアドレスバーを表示する

2下にスワイプしアドレスバーを表示
3.アドレスバーをタップし、お気に入りの画面を表示する

3アドレスバーをタップするとお気に入りの画面が表示
4.下にスワイプすると、「デスクトップ用のサイトを表示する」が上から現れるのでそれをタップする

4

スマホ版に戻したい場合は一度Safariを終了し、再び起動してください。
具体的には
1.ホームボタンをダブルクリック

5ホームボタンをダブルクリック
2.Safariを上にスワイプしてください

6上にスワイプ
3.Safariを起動

0

以上です。

Chrome

AndroidもiOSもどちらも同じ操作です。

1.右上のタブをクリック

4

2.PC版サイトをリクエスト

3

PCからスマホ版に切り替える

逆にPCからスマホ版を見たいときもありますよね。

Chrome

Chromeの左上にあるタブの「表示」>「開発/管理」>「デベロッパーツール」から切り替えることができます。「Emulation」>「Model」でエミュレートしたいデバイスを選択します。

スマホ表示に切り替える

F5などを押し、ページの再読み込みをします。エミュレートができましたので「デベロッパーツール」を閉じて大丈夫です。

ブラウザの横幅を自由に縮めたり、広げたりして、どのように表示されているか確認しましょう。

スポンサーリンク
RESAD
RESAD

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
RESAD