全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test

あなたのウェブサイトやブログをさまざまな表示サイズで同時に確認できるブックマークレットを紹介します。

Responsive Design Test Bookmarklet

[ad#ad-2]

ブックマークレットを実行すると、iframeで全てを同時に表示します。

ブックマークレットを実行

ブックマークレットはデフォルトでそのまま利用することもできますが、カスタマイズしてサイズを増やしたり減らしたりすることもできます。

下記は、その設定画面です。

[ad#ad-2]

ブックマークレットの作成

サイズと表示に添えるラベルを設定できます。
また、増やす場合は「Add row」をクリックし、減らす場合はアイテムの右の×をクリックします。