レスポンシブWebデザインのデザインテスターChromeエクステンション

レスポンシブWeb デザインテスター

Responsive Web Design Tester - Chrome ウェブストア

アイコンが追加されまして


クリックするとセレクト画面が展開。


例えばクリエイターボックスのブログを


iPhone5で見ると・・・。

いろいろ追加できる

オプションを選択すると自分で好みのサイズが追加出来ます。

サイズの追加や変更などが行えます。

物足りんって人

Chromeエクステンションは、ぱぱぱっとやれてぱぱっと確認するためのものなので、マルチデバイス時代にこんなものでは足りんということであれば、結局ChromeのDeveloperToolを使ったほうが早かったりなんだりします。

GoogleChromeのDeveloperToolは、『 Ctrl+Shift＋Iキー 』で起動します。

右サイド、もしくはフッター付近に現れます。この表示位置は以下のボタンで切り替え可能。

そんでマルチデバイステスターとしては以下のボタン。

スマホ表示に。

タブレット用に。

個人的にはさくっと見れればどっちでもいんですけね。

お好きな方を。

それでは、また。