訓練
模組
使用 Visual Studio Code 開始進行網頁程式開發 - Training
在 Visual Studio Code 中建立簡單的 Web 專案,包含網頁、CSS 檔案和 JavaScript 檔案,藉此練習網頁程式開發的入門步驟。 了解如何在瀏覽器中使用開發人員工具來檢查工作。
這些文章涵蓋如何設定您的開發工具及建立初始 WebView2 應用程式,例如具有基本功能的 Hello World 應用程式。 您一路瞭解 WebView2 概念。 如果您想要先執行範例,請參閱 Win32 範例應用程式 或其他範例應用程式文章。
文章 | 已完成的專案 | 描述 |
---|---|---|
在 WinUI 2 (UWP) 應用程式中開始使用 WebView2 | WinUI2_GettingStarted | 使用 C# 空白應用程式 (通用 Windows) 項目範本,並將 Microsoft.UI.Xaml 套件安裝 (WinUI 2) ,這會將 Microsoft.Web.WebView2 SDK 套件安裝為相依性。 |
在 WinUI 3 中開始使用 WebView2 (Windows 應用程式 SDK) 應用程式 | WinUI3GetStarted | 在 Desktop) Visual Studio 專案範本 中使用空白應用程式、已封裝 (WinUI 3 ,其中使用包含 WebView2 SDK 的 WindowsAppSDK。 您可以新增 WebView2 控制件、網址列和 [移 至] 按鈕,以及 URL 邏輯,只允許瀏覽至 HTTPS URL。 |
在 WPF 應用程式中開始使用 WebView2 | WPF_GettingStarted | 使用 WPF 應用程式或 WPF 應用程式 (.NET Framework) 項目範本來建立 WPF 應用程式,然後安裝專案的 WebView2 SDK 以新增 WebView2。 |
在 WinForms 應用程式中開始使用 WebView2 | WinForms_GettingStarted | 使用 C# Windows Forms App (.NET Framework) 項目範本來建立 WinForms 專案,然後安裝 WinForms 專案的 Microsoft.Web.WebView2 SDK 套件。 |
在 Win32 應用程式中開始使用 WebView2 | Win32_GettingStarted | 從開啟已新增 WebView2 SDK 和程式代碼的現有 Win32 應用程式項目開始。 |
在 Unity 應用程式中開始使用 WebView2 HoloLens 2 | Hololens2_GettingStarted | 首先,開啟已新增 WebView2 SDK 套件和範例程式代碼的現有 Unity 專案。 |
developer.microsoft.com
訓練
模組
使用 Visual Studio Code 開始進行網頁程式開發 - Training
在 Visual Studio Code 中建立簡單的 Web 專案,包含網頁、CSS 檔案和 JavaScript 檔案,藉此練習網頁程式開發的入門步驟。 了解如何在瀏覽器中使用開發人員工具來檢查工作。
文件
設定 WebView2 的開發環境 - Microsoft Edge Developer documentation
設定您的開發環境以進行 WebView2 開發。 設定 git、Visual Studio 和 Microsoft Edge 的預覽通道,並複製 WebView2Samples 存放庫。
WebView2 API 概觀 - Microsoft Edge Developer documentation
WebView2 API 概觀。
範例應用程式 - Microsoft Edge Developer documentation
適用於 WebView2 的範例應用程式,適用於各種架構或平臺,包括 WinUI 2 (UWP) 、WinUI 3 (Windows 應用程式 SDK) 、WPF、具有 Chrome DevTools 通訊協定延伸模組的 WPF、WinForms、Win32/C++,以及具有可視化組合的 Win32。