最強のレスポンシブ確認用ブックマークレット VIEWPORT RESIZER

 

cap

VIEWPORT RESIZERはレスポンシブサイトの確認に使えるブックマークレットです。

レスポンシブデザインの確認用ツールやサイトは色々ありますが、たぶんこれが最強(一番便利)だと思います。

使い方はブックマークに保存して、対象のサイトで保存したブックマークをクリックするだけ。

↓左上のデバイスアイコンをクリックすると、それぞれの画面サイズに表示が変わります。

cap3

↓同じデバイスアイコンをもう一度クリックすると、縦横が切り替わります。

cap4

cap5

↓もちろん、自分の好みのサイズに設定することもできます。

cap7

↓このツールのすごいところは、ブックマークレットを簡単にカスタマイズできることです。対象のデバイスをクリックするだけで増やすことができます。

cap6