デベロッパーツール

こんにちは。webディレクターのひよっこです。

パソコンで見ている画面がスマホ画面だとどんな風に見えているか、確認する方法があることを入社してから知りました。知る前は、「なんかめちゃくちゃわかりづらいのでは…」と思っていたのですが、デベロッパーツールを使うと簡単に確認できます。

Chromの場合、キーボードのF12を押すと右から画面が出てきます。その左上にある表示切替ボタンをクリックするとスマホ画面で見た時のページを確認することができます。

少し面白かったので、ほかのサイトではどんな感じになるのか、いくつか見てみたりしました。

そんな中、webの会社に入らなければきっと死ぬまで知らなかっただろうな…。なんて考えていました。