DevTools の新機能 (Microsoft Edge 103)

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

ビデオ: DevTools 103 の新機能

メモリ ツールの新しいノードの種類

Microsoft Edge 103 では、メモリ ツールでヒープ スナップショットを取得するときに、次の 2 つの新しいノードの種類があります。

• BigInt - [数値 ] ノード型では表現できない大きすぎる値を表現および操作するために使用します。 BigInt を参照してください。
• オブジェクト図形 - V8 (Microsoft Edge の JavaScript エンジン) がオブジェクトのプロパティを理解しインデックスを作成するために使用する非表示クラスと記述子配列を参照します。 「V8 の高速プロパティの HiddenClasses と DescriptorArrays 」を参照してください。

履歴については、「 問題 12769: ヒープ スナップショット内のオブジェクトの分類を改善する」を参照してください。

関連項目:

• メモリ ツールを使用してヒープ スナップショットを記録する (プロファイリングの種類 "ヒープスナップショット") のコンストラクター エントリ。

HTML ファイルからブラウザーを起動し、Visual Studio Code 内のアプリケーション ツールを使用します

Visual Studio Code 内から Microsoft Edge の新しい埋め込みインスタンスを簡単に起動できるように、エクスプローラーで HTML ファイルを右クリックすると、[ブラウザーを開く] および [DevTools でブラウザーを開く] というコマンドを含む [Edge で開く] サブメニューが表示されます。

Visual Studio Code を離れることなく、 アプリケーション ツールを使用してプロジェクトのストレージとサービス ワーカー情報に関する分析情報を取得できるようになりました。

関連項目:

• Visual Studio Code 向け Microsoft Edge DevTools 拡張機能

フォーカス モード UI のバグ修正

新しい フォーカス モードの DevTools UI で、DevTools のコントロールとキーボード ショートカットに影響を与えるさまざまなバグが解決されました。

• [要素] ツールのスタイルなどの折りたたみ可能なウィンドウの動作を改善しました。
• 開いているツールの名前が表示されないいくつかのインスタンスを修正しました。
• クイック ビュー コントロールの信頼性が向上しました。
• キーボード ショートカットを使用して DevTools を開く動作を改善しました。
• キーボード ショートカットを使用して ソース ツールで特定のコード行に移動する際の問題を修正しました。
• クイック ビュー パネルで検索を開くためのキーボード ショートカット (Ctrl+Shift+F (Windows、Linux) または Command+Option+F (macOS) を復元しました。

3D ビュー ツールは狭いレイアウトで応答が優れています

以前のバージョンの Microsoft Edge では、狭いレイアウトでは 3D ビュー ツールが正しく表示されませんでした。 DevTools が狭い場合、ツール バーのオプションが遮断されました。 Microsoft Edge 103 では、この問題が修正されています。 DevTools ウィンドウの幅が縮小されたときに、 3D ビュー のツール バー オプションがスタックされるようになりました。

関連項目:

• 3D ビュー ツールを使用して、Web ページ レイヤー、z-index、および DOM を移動する

修正: DevTools の閉じるボタンがハイ コントラスト モードでもアクセスできるようになりました

以前のバージョンの Microsoft Edge では、ハイ コントラスト モードでは DevTools の 閉じ るボタンが正しくレンダリングされませんでした。 Microsoft Edge 103 では、この問題が修正されています。 ハイ コントラスト モードでは、DevTools の 閉じる () ボタンが正しく表示されます。

関連項目:

• 支援技術を使用して DevTools に移動する
• Windows ハイ コントラスト モード

再設計されたウェルカム ツール

Microsoft Edge 103 の Welcome ツールは、コンテンツが改善および拡張された新しいモダンなデザインになりました。 これまで以上に簡単に、新機能やバグ修正に関するドキュメント、ビデオ、情報を見つけることができます。

• [学習] セクションでは、リンクを使用して、DevTools の一般的なタスクのドキュメントにすばやくジャンプします。

• [ 新機能] セクションでは、最新の変更、新機能、バグ修正について説明します。

• どちらのセクションでも、新しいビデオ シリーズ「 Microsoft Edge を使用した Web 開発に関するビデオ」を通じて、既存および新しい Web 開発機能について学習します。

関連項目:

• ウェルカム ツール

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

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

• [要素] パネルのウィンドウを並べ替える
• ブラウザー以外で色を選択する
• デバッグ中のインライン値プレビューが改善されました
• 仮想認証システムの大規模な BLOB をサポートする
• [ソース] パネルの新しいキーボード ショートカット
• ソースマップの改善

関連項目

• Microsoft Edge DevTools の新機能
• Microsoft Edge Web プラットフォームのリリース ノート