【Chrome】デベロッパーツール 使い方 ちょっとだけ便利に - Qiita

普段からお世話になっているGoogleデベロッパーツール。 普通に使っているだけでも十分ですが、ちょっと便利な機能をまとめてみました。 基本的な使い方の部分は省略します。 デベロッパーツールの基本機能 フロントエンド開発では必須のツールかと思います。 タブの種類は下記項目があり、用途を簡単に書いておきます。 Elements / 要素 (要素の調査・編集) Console / コンソール (JSの実行・ログの記録) Sources/ソース (ファイル表示・デバッグ・編集・ワークスペース) Network / ネットワーク (アクティビティログ・リソースの確認) Performance / パフォーマンス (サイトパフォーマンス計測) Memory / メモリ (メモリ使用量の詳細確認) Security / セキュリティ (コンテンツや通信、証明書の安全性の確認) Application