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

參考

• 快速鍵

適用於 Visual Studio Code的 DevTools

操作指南

• 適用於 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 的開發秘訣

最新消息

• 網站相容性影響變更

操作指南

• 將使用者從 Internet Explorer 移至 Microsoft Edge
• Microsoft Edge 中的追蹤防護
• 從您的網站偵測Microsoft Edge
• 在 Microsoft Edge 中開發提要欄位的體驗
• 使用 User-Agent 用戶端提示偵測 Windows 11
• 自訂密碼顯示按鈕
• 根據 OS 設定顯示網站的地區版本
• 檢視格式化的 JSON 回應或檔案
• 註冊廣告選取 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 中使用原點試用
• 在 Microsoft Edge 中使用 Playplay 來自動化和測試
• Puppeteer 概觀
• 使用 WebDriver 自動Microsoft Edge
• 適用於 Visual Studio Code 的webhint擴充功能