Microsoftは米国時間2020年10月1日、「Microsoft Edge Tools for VS Code 1.1.0」をVisual Studio Marketplaceで公開した。Visual Studio Codeに同拡張機能をインストールすると、Microsoft Edge Toolアイコンが加わり、Microsoft Edgeで開いたWebページの開発が可能になる。本バージョンではデバッグモードを削除し、「Headless(ヘッドレス)」ブラウザーモードを新たに導入した。

  • Microsoft Edge Tools for VS Codeを起動した状態

    Microsoft Edge Tools for VS Codeを起動した状態

 公式ブログによれば、ヘッドレスブラウザーモードは対話可能なWebブラウザーウィンドウを新たに起動せず、Visual Studio Code内にWebブラウザーを内包し、より直感的なWeb開発環境を実現する。また、Webページの読み込み状態を可視化する「Network」モードは既定で無効になっているが、Microsoftはフィードバックを踏まえて有効にするか判断すると説明した。Microsoft Edge Tools for VS Codeは2019年7月頃から、GitHub上で開発を続けている。

  • 「ヘッドレス」ブラウザーモードが有効な状態

    「ヘッドレス」ブラウザーモードが有効な状態

阿久津良和(Cactus)