スマホ、タブレット、PCの表示が確認できるgoogleの「Resizer」

Googleのサービス「Resizer」は、
スマホ・タブレット・PCなどでのサイトの見え方を一覧できるサービスです
URLを入力すると各種デバイスでの表示確認が一緒に見れます

今日書いたページは、
他のデバイスで、(例えば、タブレットでは、スマホでは)
どのように表示されているのだろうか?

と思うことはありませんか?

Googleのサービス「Resizer」は、
スマホ・タブレット・PCなどでのサイトの見え方を一覧できるサービスです
URLを入力すると各種デバイスでの表示確認が一緒に見れます

表示された画面の中では操作も可能で
スクロールもできますし、
クリックしてページ遷移することも可能です。

アコーディオン機能などの動きも確認できます

さらに、右上のアイコンをクリックすれば、
PC・スマートフォン(タブレット)に絞って表示確認ができます。

画面上のナビゲーションから
ウインドウサイズを変更することも可能です。
各種数字がウインドウサイズを表しています。

一覧で見れるのがいいです
それぞれの画面は小さいのですが、
ザーッと確認するのにはちょうど良いです

ベーシック認証がかかっているサイトもOKです
一度認証をクリアしてしまえば、
あとは普通に表示確認できます

シンプルで動きも軽快
使いやすいツールです

一度お試しください

検索で【Resizer】して、こちらです
https://material.io/tools/resizer/

chromeのプラグインもありますが
昔、マルウェアを含んでいたことがありました。
今は大丈夫だと思いますが
できれば、ブラウザサービスのほうがいいかも

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次