如何使用SFSafariViewController打开链接的桌面版本

你当前代码里用的是WKWebView封装的自定义视图，而非真正的SFSafariViewController，这就是无法同时保留浏览器页眉页脚和加载桌面版网页的核心原因。下面是整合后的完整实现：

完整代码实现 #

URL按钮与SFSafariView封装 #

import SwiftUI
import SafariServices // 必须导入该框架才能使用SFSafariViewController

struct URLButton<Content: View>: View {
    var content: Content
    var url: String
    
    @AppStorage("LinkDestination") var linkDestination = 0
    @State var showSafariView = false
    
    var safariURL: URL {
        URL(string: url)! // 实际项目建议添加可选值判断，避免空URL崩溃
    }
    
    var body: some View {
        switch linkDestination {
        case 0:
            Button(action: {
                showSafariView = true
            }) {
                content
            }
            .fullScreenCover(isPresented: $showSafariView) {
                SafariView(url: safariURL)
                    .edgesIgnoringSafeArea(.all)
            }
        case 1:
            Link(destination: safariURL) {
                content
            }
        default:
            content
        }
    }
}

struct SafariView: UIViewControllerRepresentable {
    var url: URL
    
    func makeUIViewController(context: Context) -> SFSafariViewController {
        // 创建带桌面端User-Agent的请求，让服务器返回桌面版网页
        var request = URLRequest(url: url)
        request.setValue("Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36", forHTTPHeaderField: "User-Agent")
        
        // 初始化系统原生SFSafariViewController，传入自定义请求
        let safariVC = SFSafariViewController(url: url, configuration: .init())
        safariVC.configuration.initialRequest = request
        safariVC.preferredControlTintColor = .blue // 可选：自定义控件色调
        
        return safariVC
    }

    func updateUIViewController(_ uiViewController: SFSafariViewController, context: Context) {}
}

调用示例视图 #

struct ImportView: View {
    let urlString = "https://www.google.com"

    var body: some View {
        URLButton(content: ExportButton(), url: urlString)
    }
}

// 示例按钮（你可替换为自己的ExportButton实现）
struct ExportButton: View {
    var body: some View {
        Text("打开桌面版网页")
            .padding()
            .background(Color.blue)
            .foregroundColor(.white)
            .cornerRadius(8)
    }
}

关键修改说明 #

• 引入SafariServices框架：这是使用系统原生SFSafariViewController的必要前提
• 替换自定义视图为SFSafariViewController：直接复用系统控件，自带完整的浏览器页眉页脚（前进/后退、分享等功能）
• 自定义请求User-Agent：通过设置桌面端标识的User-Agent，让服务器返回适配桌面的网页内容
• 绑定初始请求：将带自定义User-Agent的请求传给SFSafariViewController，确保加载的是桌面版页面

内容的提问来源于stack exchange，提问作者amelia