このエントリーをはてなブックマークに追加

【Chrome 開発ツール】iPhone や Android のエミュレーション機能が便利!

読了目安 0分55秒

モバイルエミュレーション

モバイルエミュレーションツール!

Chrome デベロッパーツールは項目が色々あるようで、いつか探索したいなと思いつつ使い切れていないんですが。これは便利!ってのがあったので、FireBug ではなく、クローマーな人はぜひ使ってみてください。

設定方法だけ伝授しますので、詳細は、Chrome の開発ツールのヘルプをご覧ください。Mobile emulation – Chrome DevTools — Google Developers

エミュレーターの設定方法

Chrome設定

設定項目に「Show ‘Emulation’ view in console drawer.」ってのがありまして、ポチッとすると、エミュレーターが使えるようになります。おー簡単!あとは上の動画見てちょ。

Mobile-emulation-setting

追記:コンソールの出し方!
開発ツール使っている時に、escape キーを押すと出てきます。

ではでは!

このエントリーをはてなブックマークに追加
読了目安 0分31秒

ウエツハラについて

主に Web 系、アプリ系のネタを提供していくかもしれないサイトです。比較的雑多。

中の人

横浜でタネマキというコワーキングスペースをやっています。
コーヒースポット(2014年1月)」ってのを作りはじめました。最近は、iPhoneアプリの制作してます。

連絡手段など

info@uetsuhara.com
≫Twitter
≫Facebookページ

I love comments !

メールアドレスが公開されることはありません。* が付いている欄は必須項目です