Microsoft 為網頁開發者提供多種資源，包括支援 Windows 網頁開發的新工具與功能。 本指南涵蓋了許多可用的工具，幫助你在 Windows 上打造理想的網頁開發環境。 如需 API 清單，請參閱 Web 開發的 API。
WebView、DevTools、PWA
網頁視圖 2
使用 Microsoft Edge WebView2 將網頁內容（HTML、CSS 和 JavaScript）嵌入您的原生應用程式中。
下載 WebView 2
Microsoft Edge DevTools
Microsoft Edge 開發者工具是一組直接內建於 Microsoft Edge 瀏覽器中的檢查與除錯工具。
要開啟 DevTools，請確保 Microsoft Edge 處於焦點狀態：
- 右鍵點擊，然後選擇 [檢查]
- 選取
F12金鑰 Ctrl+Shift+i
Windows 上的漸進 Web Apps
漸進式 Web Apps（PWA）為使用者提供原生、類似應用程式的體驗，並依其裝置量身打造。 這些是逐漸增強的網站，可像支援平台上的原生應用程式一樣運作。
開始使用 PWA
Microsoft Edge 瀏覽器
Microsoft Edge 開發者專用
新的 Microsoft Edge 基於 Chromium，以提升網頁相容性並減少底層網頁平台的碎片化。 於 2020 年 1 月 15 日發行，支援 Windows、macOS、iOS 及 Android。
安裝新的Microsoft Edge
Microsoft Edge 商業版
Microsoft Edge 基於 Chromium，並提供企業支援。 取得如何設定及部署多個可用通道的逐步指引。
下載Microsoft Edge頻道
Microsoft Edge Insider
我們每天都在為 Microsoft Edge 打造新東西。 瞭解我們最近的進度，以及如何參與其中。
下載 Microsoft Edge Beta 版本
Microsoft Edge 支援
取得自訂瀏覽器、新增延伸模組、追蹤預防、疑難排解等等的協助。
取得 Microsoft Edge 的協助
偵錯、測試和無障礙
Microsoft Edge VS Code 工具
在不離開 Visual Studio Code 的情況下，使用 Microsoft Edge DevTools 連接實例並查看執行時的 HTML 結構、變更版面配置、樣式（CSS）、讀取主控台訊息及查看網路請求。
安裝 Microsoft Edge 工具於 VS Code
WebHint 的無障礙功能
可自訂的 Linting 工具，能夠檢查程式碼是否符合最佳實踐和常見錯誤，協助您提升網站的無障礙性、速度、跨瀏覽器相容性等各方面。
安裝 VS Code 延伸模組
安裝瀏覽器擴充功能
安裝 CLI
WebDriver
透過 Microsoft WebDriver 在 Microsoft Edge 中進行網站測試自動化，完成您的開發循環。
安裝 WebDriver
Visual Studio 程式碼編輯器
VS代碼
一款輕量級原始碼編輯器，內建支援 JavaScript、TypeScript、Node.js，豐富的擴充生態系統（C++、C#、Java、Python、PHP、Go）及執行環境（如 .NET 和 Unity）。
安裝 VS Code
Visual Studio （IDE）
一種整合式開發環境，您可以用來編輯、偵錯、建置程式碼，以及發佈應用程式，包括編譯器、IntelliSense 程式碼完成，以及許多其他功能。
安裝 Visual Studio
適用於擴充套件的 VS Code Marketplace
探索多種不同的擴充功能，讓你自訂 Visual Studio Code 編輯器。
安裝延伸模組
Visual Studio Marketplace for Extensions
探索多種不同的擴充功能，以自訂您的 Visual Studio 整合開發環境。
安裝延伸模組
WSL、終端機、Package Manager、Docker Desktop
Windows Subsystem for Linux
使用你最喜愛的 Linux 發行版，完全整合 Windows（不再需要雙重開機）。
安裝 WSL
Windows Terminal
自訂您的終端機環境以使用多個命令列 Shell。
安裝終端機
Windows Package Manager
使用 winget.exe 用於命令列安裝 Windows 應用程式，或將您自己的套件提交到 Windows Package Manager。
安裝Windows Package Manager winget client
Docker Desktop for Windows
建立遠端開發容器，支援 Visual Studio、VS Code、.NET、Windows Subsystem for Linux 或各種 Azure 服務。
安裝 Docker Desktop for Windows
ASP.NET、Typescript、.NET MAUI
ASP.NET
一個跨平台框架，用於建立網頁應用程式與服務、物聯網（IoT）應用，或使用 .NET 和 C# 的行動後端。 使用 Blazor 建置豐富的互動式 Web UI。 在 Windows、macOS 和 Linux 上使用你喜愛的開發工具。 部署到雲端或在內部部署。 運行於 .NET。
安裝 ASP.NET
Typescript
TypeScript 會將類型新增至語言，藉以擴充 JavaScript。 例如，JavaScript 會提供字串、數字和物件等語言基本項目，但不會檢查您是否已一致地指派這些項目。 TypeScript 會執行此工作。
在您的瀏覽器中嘗試在本機安裝
.NET MAUI
.NET 多平台應用程式介面（.NET MAUI）讓你能利用.NET跨平台的 UI 工具包，打造原生應用程式，針對 Android、iOS、macOS、Windows 和 Tizen 的行動與桌面型態。
安裝 .NET MAUI
開放原始碼參與
Microsoft 的開放原始碼
每天有數千名 Microsoft 工程師使用、貢獻並釋出 open source。 熱門專案包括 Visual Studio Code、TypeScript、.NET 和 ChakraCore。
積極參與
Azure雲端開發
Azure
完整的雲端平台，可裝載現有的應用程式並簡化新的開發。 Azure 服務整合了你開發、測試、部署和管理應用程式所需的一切。
建立一個Azure帳號
瀏覽Azure產品
Azure 提供各式各樣的產品與服務——請瀏覽文件或查看Azure產品描述與價格。
建立一個Azure帳號
其他資源
在 Windows 上設定您的開發環境
獲得協助，協助你設定開發環境，支援 Python、NodeJS、C#、C、C++、建置 Android 應用程式、建置 Windows 桌面應用程式、建置 Docker 容器、執行 PowerShell 腳本等等。
開始
React Native 桌面版
將 React Native 支援帶到 Windows SDK 和 macOS 10.13 SDK。 使用 JavaScript 為所有Windows支援的裝置（包括 PC、平板、2 合 1、Xbox、混合實境裝置等）建立原生 Windows 應用程式，以及 macOS 桌機與筆電生態系。
安裝 React Native for Windows
安裝 React Native for MacOS
與 Web 開發相關的 Microsoft Learn 課程
Microsoft Learn 提供免費的線上課程，以學習各種新技能，並使用逐步指引探索 Microsoft 產品和服務。
開始學習
從 Mac 過渡到 Windows
請參考我們的 指南，教你如何從 Mac 過渡到 Windows（或Windows Subsystem for Linux）開發環境。
