Googleのサービス「Resizer」は、
スマホ・タブレット・PCなどでのサイトの見え方を一覧できるサービスです
URLを入力すると各種デバイスでの表示確認が一緒に見れます
今日書いたページは、
他のデバイスで、(例えば、タブレットでは、スマホでは)
どのように表示されているのだろうか?
と思うことはありませんか?
Googleのサービス「Resizer」は、
スマホ・タブレット・PCなどでのサイトの見え方を一覧できるサービスです
URLを入力すると各種デバイスでの表示確認が一緒に見れます
表示された画面の中では操作も可能で
スクロールもできますし、
クリックしてページ遷移することも可能です。
アコーディオン機能などの動きも確認できます
さらに、右上のアイコンをクリックすれば、
PC・スマートフォン(タブレット)に絞って表示確認ができます。
画面上のナビゲーションから
ウインドウサイズを変更することも可能です。
各種数字がウインドウサイズを表しています。
一覧で見れるのがいいです
それぞれの画面は小さいのですが、
ザーッと確認するのにはちょうど良いです
ベーシック認証がかかっているサイトもOKです
一度認証をクリアしてしまえば、
あとは普通に表示確認できます
シンプルで動きも軽快
使いやすいツールです
一度お試しください
検索で【Resizer】して、こちらです
https://material.io/tools/resizer/
chromeのプラグインもありますが
昔、マルウェアを含んでいたことがありました。
今は大丈夫だと思いますが
できれば、ブラウザサービスのほうがいいかも