ブラウザからカンタンにモバイル画面・スマホ画面を確認する Responsive Web Design Tester

0

ブログ作成・サイト運営をやっているとどうしても気になってくるのが「スマートフォンではどう表示されてるんだろう?」という話です。最近は、スマホでブログなどを見ている人がとっても増えていますので。クロムの拡張機能のResponsive Web Design Testerを使うと手軽にPC画面からモバイル表示を確認することができます

使い方は、クロームブラウザを立ち上げて拡張機能をインストール、クロームブラウザの右上に追加されるマークをクリックします。すると、iPhone6とかiPhone4みたいなアイコンが出てくるのでそれをクリックするだけです。

2015-05-24 19-39-26

こういう画面が別タブで出るのでクリックするだけでOKです。

レビューを見ると、「たまにNexus9のサイズがうまく出ないよー」「実機でみたらずれたよ」的なクレームも混ざってますが、全体的には「素晴らしい!!」という声が並んでいます。平均は★4つですのでだいたいOKと見てよいでしょう(星5つが最高)。

今回紹介するツール →mobile/Responsive Web Design Tester

Notice

最小の力で最大の成果を、和のセンスでインスピレーションを磨く無料メール講座はこちら

Share.

About Author

サイトの運営方針は「自分とは何か」「日本文明とは何か」という二つの問いへのインスピレーションを刺激する話をすること。人生で大切にしたい事は「遊び・美しさ・使命・勝利・自由」。 なお、日本的精神文化のコアの一つは「最小の力で最大の成果」だと思う。例えば「枯山水(禅寺の石庭)の抽象的アート表現」などは、良い例。