ブラウザの開発者機能
DevTools
ほとんどのブラウザは開発者向けのツールが使える
ブラウザーの開発者ツールとは？ - ウェブ開発を学ぶ | MDN
Firefox DevTools User Docs — Firefox Source Docs documentation
Microsoft Edge DevTools のドキュメント - Microsoft Edge Development | Microsoft Learn
要素タブ
ウェブサイトのHTMLやCSSを表示したり編集する機能
ページの構造
スタイル
イベントリスナー
コンソールタブ
JavaScriptのコードを入力して実行できる
ソースタブ
Webページのソースコードを表示できる
HTML・ CSS・ JavaScript
ネットワークタブ
Webページが発行した全てのネットワークリクエストの詳細情報が表示できる
User-AgentやRefererを確認できる
アプリケーションタブ
ウェブアプリケーションのローカルストレージやCookieなどが見られる
デバイスエミュレーション
画面幅の制限やタッチ操作のエミュレーションができる
Edgeでは色覚異常エミュレーションができる
ぼやけた視界と色盲のモードがある