ChromeでiPhone5やNexus5等にEmulateできる機能が便利
2014年08月04日-
スポンサード リンク
ChromeでiPhone5やNexus5等にEmulateできる機能が便利です。
個人的にFireMobileSimulatorを使っていましたが、Webkitなため再現度も高く、いつも使ってるChromeでエミュレートできるのは超便利!
Chrome32から使える機能のようで、デベロッパーツールはよく使っていたものの、分かりにくい位置にあることもあって、使っていない方も多いのでは?ということでご紹介。
デベロッパーツールの以下のカーソル位置をクリックします。
クリックすると次のように、更に下に分割されたフレームが開きますので「Emulation」のタブをクリック。
iPhone5, Nexus5、KindleFireなど、主要な端末へのエミュレートが可能。
端末を選択したら「Emulate」ボタンをクリックで画面のエミュレートが開始されます。
Yahooのサイト。は以下のようにエミュレートされます。
レスポンシブデザイン開発も楽になりそう。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ