レスポンシブデザインの表示を一度に確認できるブックマークレット Responsive Design Test Bookmarklet

responsive-design-test-bookmarklet02

Responsive Design Test Bookmarkletはスマートフォンやタブレットなど様々なサイズの表示を一度に確認できるブックマークレットです。

レスポンシブデザインのサイトを確認、検証するときに便利です。

 自分でサイズを指定することもできます。

responsive-design-test-bookmarklet03

 ブックマークレットなので、自分のブラウザにブックマークしておけば、いつでも好きなサイトを確認することができます。

responsive-design-test-bookmarklet04

Generate!ボタンを押して、「Responsive Design Test」のリンクを自分のブラウザのブックマークバーにドラッグ&ドロップすればOKです。