特集
カテゴリー
タグ
メディア

Firefoxのレスポンシブデザインビューに様々な機種のプリセットを一括追加できるアドオン

  • カテゴリー:
  • TOOL
Firefoxのレスポンシブデザインビューに様々な機種のプリセットを一括追加できるアドオン

More Display Resolutions」はFirefoxのレスポンシブデザインビューに様々な機種のプリセットを一括追加できるアドオンです。

Firefoxにはレスポンシブデザインに対応できているかどうかの確認をするために「レスポンシブデザインビュー」という機能が用意されています。解像度を自由に設定してその場でウェブページの見え方を確認できるのですが、More Display ResolutionsはそのプリセットにiPhone、iPad mini、 Kindleなど様々な端末の解像度を一括で追加できるアドオンです。

以下に使ってみた様子を載せておきます。まずMore Display Resolutionsへアクセスしましょう。Firefoxにインストースしたら、レスポンシブデザインビューを開きましょう。

130728_re2.jpg

Firefoxのメニューの「ツール」→「Web開発」→「レスポンシブデザインビュー」から起動できます。

130728_re3.jpg

アドオンを追加すると、このように様々な端末の解像度が追加されています。ひとつひとつ自分で入れても良いですが、とても大変なので、アドオンで一括追加できるのは便利ですね。ぜひWebデザイナーの方やWeb開発をしている方は重宝すると思うので、試してみてください。

More Display Resolutions

(カメきち)

swiper-button-prev
swiper-button-next