Microsoft Edge 開発者向けドキュメント

Microsoft Edge DevTools、Microsoft Edge 拡張機能、プログレッシブ Web Apps、WebDriver オートメーション、WebView2 などを使用した開発。

Microsoft Edge DevTools

概要

• Microsoft Edge を使用して Web 用に開発する
• Microsoft Edge DevTools のドキュメント
• DevTools の概要

新着情報

• Microsoft Edge DevTools の新機能

攻略ガイド

• コマンド メニュー
• CSS の表示と変更

リファレンス

• キーボード ショートカット

DevTools for Visual Studio Code

攻略ガイド

• Visual Studio Code 用 DevTools 拡張機能

Microsoft Edge 拡張機能

概要

• 拡張機能の概要
• 作業の開始に関するチュートリアル
• Chrome 拡張機能を Microsoft Edge に移植する

攻略ガイド

• 拡張機能を配布する別の方法
• 段階的な公開プロセス
• Microsoft Edge 拡張機能開発者として登録する
• チュートリアル パート 1: ポップアップに画像を表示する

プログレッシブ Web Apps

概要

• プログレッシブ Web Appsの概要
• PWA の概要
• プログレッシブ Web Appsのデバッグ

新着情報

• プログレッシブ Web Appsの新機能

概念

• デバイスにデータを格納する
• サービス ワーカーを使用してネットワーク要求を管理する
• Web アプリ マニフェストを使用して PWA を OS に統合する

WebView2

概要

• Microsoft Edge WebView2 の概要

概念

• Microsoft Edge と WebView2 の違い
• 開発のベスト プラクティス

作業を開始する

• WebView2 の概要

ダウンロード

• サンプル コード

新着情報

• WebView2 SDK のリリース ノート

リファレンス

• WebView2 API リファレンス

Microsoft Edge の開発に関するヒント

新着情報

• サイトの互換性に影響を与える変更

攻略ガイド

• インターネット エクスプローラーから Microsoft Edge にユーザーを移動する
• Microsoft Edge での追跡防止
• Web サイトから Microsoft Edge を検出する
• Microsoft Edge でサイドバーのエクスペリエンスを開発する
• User-Agent クライアント ヒントを使用してWindows 11を検出する
• パスワード表示ボタンをカスタマイズする
• OS の設定に基づいて、サイトの地域バージョンを表示する
• 書式設定された JSON 応答またはファイルを表示する
• Ad Selection API にサインアップする

Microsoft Edge IDE の統合

概要

• Microsoft Edge IDE の統合
• Visual Studio Code で Microsoft Edge をデバッグする

攻略ガイド

• Visual Studio Code のオープン ソース ファイル
• Web 開発用の Visual Studio

Microsoft Edge のアクセシビリティ

概要

• アクセシビリティテスト機能
• Microsoft Edge のアクセシビリティ

攻略ガイド

• アクセシビリティのテスト

テストと自動化

攻略ガイド

• Microsoft Edge でのテストと自動化
• DevTools プロトコル
• Microsoft Edge で配信元試用版を使用する
• Playwright を使用して Microsoft Edge で自動化とテストを行う
• Puppeteer の概要
• WebDriver を使用して Microsoft Edge を自動化する
• Visual Studio Code の webhint 拡張機能