Microsoft、「Edge DevTools」をプレビュー公開 ～「Edge」の開発者ツールが単体動作

Microsoft、「Edge DevTools」をプレビュー公開

　米Microsoftは25日（現地時間）、「Microsoft Edge DevTools」アプリをプレビュー公開した。「Windows 10 Fall Creators Update」に対応しており、現在“Microsoft Store”から無償で入手可能。

　「Microsoft Edge DevTools」アプリは、「Microsoft Edge」に搭載されている開発者向け機能「F12 開発者ツール」を単体（スタンドアロン）で動作できるようにしたもの。Webページだけでなく、アプリケーションで使われている“WebView”、「Microsoft Office」のアドイン、“Cortana”、“Microsoft Store”で公開されているプログレッシブWebアプリケーション（PWA）など、レンダリングエンジン「EdgeHTML」を利用しているプログラムで幅広く利用できるのが特徴だ。

「EdgeHTML」インスタンスを列挙

　本アプリを起動すると、「EdgeHTML」を利用しているローカルアプリがリストアップされる。好みのアプリを選択すると、「F12 開発者ツール」が単体起動し、当該アプリの「EdgeHTML」インスタンスに接続（アタッチ）される仕組み。DOMツリーなどを表示してレイアウトの問題を診断したり、ブレークポイントを設定してJavaScriptをデバッグしたり、メモリやパフォーマンスのプロファイリングを行うこともできる。また、「Windows Device Portal」を利用したXboxやHoloLensなどのリモート診断も可能だ。

アタッチしてデバッグ

「Windows Device Portal」を利用したリモート診断も可能

　従来の「Microsoft Edge」の開発者ツールはネイティブフックを利用していたが、他の「EdgeHTML」を利用したアプリをサポートするのは困難だった。そこで同社は開発者ツールの標準仕様をW3Cに提案し、“Microsoft Edge DevTools プロトコル（EDP）”を実装してこのアプリに組み込んだ。プロトコルが標準化されればブラウザーエンジン間の相互運用性が改善され、クロスブラウザーによるデバッグも容易となる。将来的には「Microsoft Edge」の開発者ツールも“EDP”ベースになる見込みだ。

　また、“Windows Insider Preview”の最新ビルドをベースとしている点も、「Microsoft Edge DevTools」アプリの特徴といえるだろう。安定版のWindowsでも、最新の「Microsoft Edge」に搭載されている開発者機能が利用できる。