Google Chromeで簡単にスマホサイトをチェックする

投稿日:2012-10-29


 
おはようございます(^-^)/

時々スマートフォンサイトをいじることがあるナカジ(@cp_nakajun)です。

 

iPhoneを持ってますので、それで良いじゃん!

とも思いますが

 

例えば、あるサイトを参考にしながら自分のサイトを構築しているような時など

実機で確認するのが煩わしかったりします。

 

Mac、PCで確認できればキーボードから手離す機会を減らす事もできるし

効率的だと考えました。

 

最初はエミュレーターみたいなものがないか探してたんですが

調べると

 

Google Chromeブラウザで簡単にできる!と

 

どれだけ簡単かというと

 

①クロームを立ち上げ

[ツール]→[デベロッパーツール]を選択します。

 

②右下のマークをクリック

 

③[User Agent]を選択すると

 

ちゃんと、スマホ用ページが表示されます!

 

iPadもAndroidも選択できます!!

 

コレは便利です!!

 

サポート募集中

この記事はお役に立てましたか。
よかったら、コーヒー ☕ をご馳走いただけたら励みになります。



おすすめのクリエイティブ・コーディング関連カテゴリー

ウェブツール

機能はシンプルなものですが、p5.jsやTone.jsで描画したり音が出たりするので遊んでみてください。
・【Midi Number Tools】:MIDIナンバーから音名と周波数を判定します
・【Delay Time Calculator】:テンポに応じた音符の長さを判定します