DevTools の新機能 (Microsoft Edge 131)

これらは、Microsoft Edge の Stable リリースの最新の DevTools 機能です。

Visual Studio Code のテーマが削除される

Visual Studio Code のテーマ機能は非推奨になりました。 これらのテーマは、既定では システム環境設定 テーマに戻ります。 Light+ テーマと Dark+ テーマは引き続きサポートされます。 テーマを選択するには、[DevTools>Preferences]>Theme ドロップダウン メニューの [カスタマイズと制御] を選択します。

DevTools の環境設定のテーマ メニュー

関連項目:

Edge の実験設定を無効にできる

以前は、既定で有効になっていた次の実験は、[ 設定 > 実験 ] ページでチェック ボックスをオフにし、DevTools を再読み込みした後でも無効にできませんでした。

  • webhint を有効にします。 2026 年 7 月更新: webhint は Microsoft Edge 151 で削除されました。 2026 年 8 月更新: この実験のチェック ボックスは削除されました。
  • 要素の問題を表示します。 2026 年 8 月更新: この実験のチェック ボックスは削除されました。
  • Visual Studio Code でソース ファイルを開く

これは修正され、これらの実験を無効にできるようになりました。

関連項目:

パフォーマンス ツールのサイドバーで CSS セレクターのコストを表示する

パフォーマンス ツールの左側のサイドバーには、[インサイト] タブの CSS セレクターのコストが表示されます。

CSS セレクターのコスト情報

CSS セレクターのコストを表示するには:

  1. パフォーマンスツールで、[Capture settings] (Capture settings) ボタンをクリックし、[Enable CSS selector stats (slow)] チェックボックスを選択します。

  2. パフォーマンスを記録します。

  3. [ Insights ] タブが表示されない場合は、[ サイドバーの表示 ] (サイドバー アイコンの表示) ボタンをクリックし、[ Insights ] タブをクリックします。

  4. [ CSS セレクターのコスト ] ボタンをクリックして、そのセクションを展開します。

関連項目:

編集フィールドがオートコンプリート後に Tab キーを押すと終了する問題を修正しました

オートコンプリートの後に Tab キーを押すと、編集フィールドが終了し、次のフォーカス ポイントに焦点が当てられるようになりました。 以前は、 Tab キーを押すとテキストがインデントされていました。

Chromium プロジェクトからのお知らせ

Microsoft Edge 131 には、Chromium プロジェクトからの次の更新プログラムも含まれています。

関連項目