VSCode用のMicrosoftEdge（Chromium）ツールが一般提供になりました

読書時間アイコン 2分。読んだ

カレンダーアイコン上で公開 2020 年 10 月 1 日

上の公表 2020 年 10 月 1 日

読者は MSpoweruser のサポートを支援します。私たちのリンクを通じて購入すると、手数料が発生する場合があります。

実行中のVSCode用のEdgeDeveloper Tools：サーバーへの接続、ヘッドレスブラウザーの起動、DOM要素の選択、およびVSCodeでのCSSの編集。

マイクロソフトは本日、新しいMicrosoftEdgeの一般提供を発表しましたにVSCode拡張用のols。この拡張機能により、開発者はVSCodeエディター内からEdgeブラウザーのElementsandNetworkツールを使用できるようになります。 DevToolsはMicrosoftEdgeのインスタンスに接続し、VS Codeを離れることなく、ランタイムHTML構造の表示、レイアウトの変更、スタイルの問題の修正、およびネットワーク要求の表示を行うことができます。

「エディターとブラウザーを継続的に切り替えると、XNUMX日を通してワークフローに認知的負荷がかかります。ある環境から別の環境に（開発モードからデバッグモードに）変更し、元に戻す必要があります。そのフィードバックが、開発者ツールを拡張機能に組み込むことを検討するきっかけとなりました。これにより、「開発」の考え方を離れることなく、コードが生成するものを確認してデバッグできるようになります。」 – MicrosoftEdgeチーム。

VSCode機能用のMicrosoftEdge Tools：

リモートデバッグモードでMicrosoftEdgeブラウザーを起動し、ツールを自動接続するための構成をデバッグします。
タブ、拡張機能、サービスワーカーなど、デバッグ可能なすべてのターゲットを一覧表示するサイドバービュー。
HTML、CSS、アクセシビリティなどのビューを備えたフル機能の要素とネットワークツール。
VSCodeを離れることなくページを表示できるスクリーンキャスト機能。
要素ツール内のリンクまたはCSSルールをクリックすると、ワークスペース内のソースファイルの行/列に直接移動します。
Debugger for Microsoft Edge拡張機能を使用してデバッグを開始するときに、MicrosoftEdgeツールを自動接続します。

あなたは新しいをダウンロードすることができますここに拡張。

情報源： Microsoft

トピックの詳細: マイクロソフトエッジ, MicrosoftEdgeツール, VSコード

プラディープ・ヴィスワフ

ソフトウェアおよびサービスの専門家

Pradeep はコンピュータサイエンスとエンジニアリングの卒業生です。彼はマイクロソフトの学生パートナーでもありました。現在は大手IT企業に勤務。