第 61 章
iOS 26 新功能: SwiftUI 的 WebView 與 WebPage
在 iOS 26 中,SwiftUI 終於推出了其中一個最受期待的元件:WebView
,一個原生的解決方案用來顯示網頁內容。在這個更新之前,SwiftUI 開發者必須依賴 UIKit 框架,透過 UIViewRepresentable
包裝 WKWebView
或 SFSafariViewController
來嵌入網頁檢視。隨著 WebView
的推出,Apple 現在提供了一個完整的原生 SwiftUI 方式來整合網頁瀏覽功能進入應用程式中。在這篇教學中,我會快速介紹新的 WebView
,並示範如何在你自己的應用中使用它。
WebView 的基本用法
要使用新的 WebView
載入網頁,你只需匯入 WebKit
框架,並以網址建立這個檢視。以下是範例程式碼:
import SwiftUI
import WebKit
struct ContentView: View {
var body: some View {
WebView(url: URL(string: "https://www.appcoda.com"))
}
}
只要簡單一行程式碼,你就能在應用中嵌入一個完整的行動 Safari 瀏覽體驗——它是由與 Safari 相同的 WebKit 引擎驅動。

載入網頁內容的另一種方式
除了 WebView
,WebKit 框架也引入了一個名為 WebPage
的新類別。你可以先使用網址建立一個 WebPage
實例,然後再透過它來顯示網頁內容。以下是達成相同結果的範例程式碼:
想更深入學習SwiftUI和下載完整程式碼?你可以從 AppCoda網站購買《精通 SwiftUI》完整電子版。