前の記事 ≪:画像をタッチで円形ズームを可能にするjQueryプラグイン「TouchZoom」
次の記事 ≫:JSでCanvasに描いた文字等をOCRできる「Ocrad.js」

ChromeでiPhone5やNexus5等にEmulateできる機能が便利

2014年08月04日-はてなブックマーク

スポンサード リンク

ChromeでiPhone5やNexus5等にEmulateできる機能が便利です。
個人的にFireMobileSimulatorを使っていましたが、Webkitなため再現度も高く、いつも使ってるChromeでエミュレートできるのは超便利!
Chrome32から使える機能のようで、デベロッパーツールはよく使っていたものの、分かりにくい位置にあることもあって、使っていない方も多いのでは?ということでご紹介。



デベロッパーツールの以下のカーソル位置をクリックします。



クリックすると次のように、更に下に分割されたフレームが開きますので「Emulation」のタブをクリック。


iPhone5, Nexus5、KindleFireなど、主要な端末へのエミュレートが可能。
端末を選択したら「Emulate」ボタンをクリックで画面のエミュレートが開始されます。


Yahooのサイト。は以下のようにエミュレートされます。



レスポンシブデザイン開発も楽になりそう。

スポンサード リンク

By.KJ : 2014年08月04日 09:00 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)