自分のブログやサイトが、スマホ、タブレット、デスクトップでどう表示されてるか確認できるGoogle関連ツール

自分のサイトや他人のサイトがスマホやタブレットからだと
どう表示されてるのか
チェックしたい時ってありますよね?

Google Chromeデベロッパーツールやどこだか分からないようなサイトに
こういったスマホやタブレットからの表示を確認するようなツールは
既にあります。

でも、
操作が面倒面倒だったりで
使わずに忘れてしまったりします。

ここで紹介したいのが、
Material DesignResizerというサイトです。
(2~3年前までは、
Google Resizerという名でサービスを行っていたはずなんですが。。。?)

Resizer
Resizer

上のURLを入力するところに
表示させてチェックしてみたいブログやURLのサイトを入力するだけで、
PC、スマホ、タブレットでの表示をみることができます。

たったこれだけなんです!

また右上の端末のアイコンをクリックすれば
パソコン、スマホ、タブレット単体の表示に切り替えることができるようになってます。

PC、スマホでの表示

PCでの表示

スマホでの表示

Googleが関係しているサービスですので信頼もありますし、
いちいち、スマホやタブレットにURLを送って
表示をチェックするなんてこともしなくて済むので、とっても便利です。

是非試してみてください。