こんにちは 株式会社HRBrainでバックエンドエンジニアをしているみつです！ Web開発で何かとお世話になるデベロッパーツール 色々な機能があるんだとは思いながら、深堀りしたことがなかったのでドキュメントを読んでみました。 どんな機能があるのかを色々調べてみたら機能もりもりのツールだったので記事にしてみました。 目次 デベロッパーツールとは 機能1: 要素 - DOM DOMとHTMLの違い 機能2: 要素 - CSS 機能3: コンソール 機能4: ソース 機能5: ネットワーク 機能6: パフォーマンス 機能7: メモリ ヒープスナップショット タイムラインでの割り当ての計測 タイムラインでの割り当ての計測 機能8: アプリケーション 機能9: レコーダー 機能10: レンダリング まとめ 参考 PR デベロッパーツールとは Chrome DevTools は、Google Chro