モバイル版 スマホ版チェックするなら実機より Google Chrome 標準装備のデベロッパーツールが便利。

これまでモバイルでのウェブサイトチェックは実機で確認していたので、特にPC上でのチェックツール等は使っていなかったのだが、ふと思い立って検索してみる事に。

すると途端にあるではないですか。
それもグーグル先生のクロームに標準装備してるって。でもそれってユーザーエージェントも変えたり出来るの??

とりあえず試してみた。

20150316CU

使い方は、ブラウザ右上部の「Ξ」マークから、「その他のツール」→「デベロッパーツール」選択。すると画面下部にソースコード等が表示されているプロパティウィンドウが出現。そのウィンドウ右上部にある「>Ξ」マークをクリック。表示されるタブ内「Emulation」をクリックでデバイス選択画面が表示されるので、希望のデバイスを選択。以上で各モバイル用に生成されたウェブページが閲覧可能。

そしてなんと、ユーザーエージェントでスマホのみ閲覧可能、といった制限をしているウェブページでも閲覧可能なのでスゲー重宝する事間違いナシ。

いやー、ホント、いつもグーグル先生有難う御座います。