web サイトのスマホ対応をPCで確認する方法

レスポンシブデザインモード

こんにちは、田村です。

先日Twitterでリツイートしたのですが、TCD さんのこの紹介ツイート。

ここまでのものは、求めていなかったので「へー」とは思ってもインストールはしていないのですが、昨夜 insta への画像投稿の件で思い出したのですが、何もインストールしなくとも Safari なら(Chromeは知らない)各アップル端末での表示を簡単に確認できるのを思い出しました。

これも昨日の件と同じ、 Safari の開発メニューを利用します。

開発→レスポンシブ・デザイン・モードにする。を選択すると上の画像のようになりますので、各利用デバイスごとに表示を確認できるという訳です。

ただ、ある意味当然ですが、デバイスはアップル製のものだけしか用意されていません。Android は分からないということですね。

0

当店は「ファイナルスタイル 福島」として再開いたします。 新しい風が吹いてきています。古いものは脱ぎ捨ててしまいましょう。

関連記事

  • コメント ( 0 )

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。