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

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

サイトのキャプチャ

Responsive Design Test Bookmarklet

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

サイトのキャプチャ

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

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

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

サイトのキャプチャ

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

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

top of page

©2017 coliss