Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16

Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/sitemap-generator/sitemap-generator.php on line 44
デバイス別のレスポンシブデザインチェックツール「Am I Responsive?」 - nanomal

デバイス別のレスポンシブデザインチェックツール「Am I Responsive?」

レスポンシブデザインをチェックできるツールはたくさんありますが、スクリーンショットを撮る時に使いたい、同時に複数のデバイスでレスポンシブデザインをチェックできるツールがAm I Responsive?です。

Am I Responsive 2

Am I Responsive?はデバイス別にレスポンシブデザインをチェックできるツールです。デスクトップ、ノートパソコン、タブレット、スマートフォンの4つのデバイスでWebサイトがどのように表示されるのか、同時に確認することができます。

Am I Responsive 3

使い方は見たいWebサイトのURLを入力するだけ。少し待つと自動的にWebサイトが各デバイスで表示されます。

ちなみに各デバイスのサイズですが、デスクトップが1600x992px、ノートパソコンが1280x802px、タブレットが768x1024px、スマートフォンが320x480pxとなっています。

Am I Responsive 4

それぞれのデバイスをクリックすることで表示順を変えることもできますし、各デバイスで表示されている画面は、実際にスクロールしたり、クリックしたりと操作することもできます。

複数のデバイスでのレスポンシブデザインの表示を同時に確認したり、スクリーンショットを撮りたい時に使える便利なツールだと思います。

Web Site