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】:テンポに応じた音符の長さを判定します


筆者プライベートで本気の愛用品