2026年5月8日金曜日

Chrome デベロッパーツールでのウィンドウサイズ表示

開発者ツールで

レスポンシブデザインや開発では、chrome そのもののウィンドウサイズを変更させて確認することが多いです。
その場合、デベロッパーツール(F12)を開いたときに右上に表示されるウィンドウサイズ、とっても重宝します!

トリガーがわからない!

ところが、このウィンドウサイズ、表示されるときと、されないときがあるんですよね。
しかも、表示してほしい時に限って表示されないんで、モヤッとしてしまいます笑

発見しました

ようやく、解決方法を見つけました!
長かった(´Д⊂グスン

デバイスのツールバーをね、2回押すといいよ!

デバイスツールバーを押すと、一度は小さいスマホサイズになるけど、もう一度押すと元に戻ります。

この状態で chrome のウィンドウ幅を変えると・・・

ほらね!

まとめ

と、いうことで、AIに聞いても教えてくれなかった裏技を発見したのでしたw
めでたしめでたし。

0 件のコメント:

コメントを投稿