20251130_Chrome DevToolsを学ぼう!

質問

画面表示の確認は全スマホサイズで行うのでしょうか?

回答

主要な機種で確認する。 大きいモニターで確認する。 レスポンシブデザインを確認するため Responsiveで大きい所から小さい所を確認する。

Webブラウザ上で大事な情報は置かない!! (ex 外部サービスとのAPIキー)

DOMの順番 HTML→CSS→JS

使い方

デベロッパーツールの表示幅を左右に移動させたり デバイスの切り替えを行うことによって 様々な画面幅でWebページの表示を確認することができる。 大きい画面幅で確認したい場合

「デバイスの切り替え」→「レスポンシブ」から

画面幅を直接入力することで確認することができる。