Microsoft Edge DevTools のドキュメント

Microsoft Edge DevTools を使用した開発。

DevTools の概要

作業を開始する

• DevTools の概要
• DevTools の配置を変更する (ドッキング解除、Dock を下に、Dock を左に)
• コマンド メニューでコマンドを実行する
• コンソールの概要

新着情報

• Microsoft Edge DevTools の新機能
• Microsoft Edge DevTools チームに問い合わせる

DevTools のカスタマイズ

作業を開始する

• DevTools のカスタマイズ
• 色のテーマを DevTools に適用する

新着情報

• Microsoft Edge DevTools の試験的機能

攻略ガイド

• DevTools の言語設定を変更する
• キーボード ショートカットをカスタマイズする

Web プロジェクトのデバッグ

クイックスタート

• 検査ツールを使用してページを分析する

チュートリアル

• CSS の表示と変更を開始する
• DOM の表示と変更を開始する

攻略ガイド

• 問題ツールを使用して問題を見つけて修正する
• 3D ビュー ツールを使用して Web ページ レイヤー、z インデックス、DOM を移動する
• アニメーションを検査する
• プログレッシブ Web Apps (PWA) をデバッグする
• ネットワーク アクティビティを検査する

エミュレーションとテスト

攻略ガイド

• モバイル デバイスをエミュレートする (デバイス エミュレーション)
• アクセシビリティテスト機能
• レンダリングされたページで暗いスキームまたは明るいスキームをエミュレートする
• ソース注文ビューアーを使用してキーボードのサポートをテストする
• 印刷プレビュー モードを強制する
• 視覚障害をエミュレートする
• 減らされた動きをシミュレートする

JavaScript とパフォーマンス

攻略ガイド

• コンソールで JavaScript を実行する
• コンソールで報告される JavaScript エラーを修正する
• ソース ツールの概要
• JavaScript デバッグ機能
• カバレッジ ツールを使用して未使用の JavaScript と CSS コードを検索する
• メモリの問題を修正する
• デタッチされた要素ツールを使用して DOM メモリ リークをデバッグする
• セキュリティ ツールを使用してセキュリティの問題を理解する
• パフォーマンスに関する一般的な問題のトラブルシューティング

関連情報

リファレンス

• キーボード ショートカット
• CSS 機能リファレンス
• コンソール機能リファレンス
• コンソール オブジェクト API リファレンス

攻略ガイド

• パフォーマンス機能リファレンス

sample

• DevTools のサンプル コード