网站在Safari正常运行但在Xcode的WKWebView中无法加载

一、WKWebView加载Blazor Server + Telerik站点失败的处理 #

1. 完善WKWebView配置 #

除了启用JavaScript，还需要配置必要的权限和偏好，确保资源能正常加载：

let webConfig = WKWebViewConfiguration()
webConfig.preferences.javaScriptEnabled = true
webConfig.preferences.javaScriptCanOpenWindowsAutomatically = true
// 允许跨域资源访问（Blazor Server可能需要）
webConfig.setValue(true, forKey: "allowUniversalAccessFromFileURLs")

let webView = WKWebView(frame: view.bounds, configuration: webConfig)

2. 解决资源加载限制 #

• 混合内容问题：如果你的站点使用HTTP协议，WKWebView默认会阻止非HTTPS资源，需要在Info.plist中添加配置：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

（注：正式发布建议切换到HTTPS，该配置仅用于调试）

• 资源路径检查：确认Telerik和Blazor的JS引用为绝对路径（如https://...），避免相对路径在WKWebView中解析错误。

3. 捕获详细JS错误日志 #

添加脚本注入监听WKWebView的JS日志，获取具体报错信息：

class JSLogHandler: NSObject, WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        guard let logContent = message.body as? String else { return }
        print("WKWebView JS Log: \(logContent)")
    }
}

// 初始化时注入日志监听脚本
let logHandler = JSLogHandler()
webConfig.userContentController.add(logHandler, name: "jsLogger")

let logScript = WKUserScript(source: """
    console.log = msg => window.webkit.messageHandlers.jsLogger.postMessage(msg);
    console.error = msg => window.webkit.messageHandlers.jsLogger.postMessage('ERROR: ' + msg);
""", injectionTime: .atDocumentStart, forMainFrameOnly: true)
webConfig.userContentController.addUserScript(logScript)

通过日志可以精准定位是JS文件404、加载权限不足还是执行错误。

4. 确认Blazor Server SignalR配置 #

Blazor Server依赖SignalR，需确保跨域配置允许iOS app的请求：

// Blazor Server Program.cs
builder.Services.AddCors(options =>
{
    options.AddPolicy("AllowiOSApp", policy =>
    {
        policy.WithOrigins("your-ios-app-bundle-id") // 或直接允许所有（调试用）
              .AllowAnyMethod()
              .AllowAnyHeader()
              .AllowCredentials();
    });
});
app.UseCors("AllowiOSApp");

二、Visual Studio开发隧道调试失败的解决 #

Not allowed to request resource错误多由CORS或隧道权限导致：

• 把开发隧道的公网域名添加到Blazor Server的CORS允许列表中
• 在Visual Studio开发隧道面板中，将隧道设置为“可访问任何人”
• 暂时关闭Mac防火墙，测试连接是否正常

三、MAUI项目无法识别Xcode的处理 #

你的推测正确，MAUI对系统和Xcode版本有严格要求：

• Xcode 13要求Mac Big Sur 11.3及以上，请确保你的Big Sur升级到最新的11.7.x版本
• 如果MAUI需要更高版本的Xcode（如14+），而你的Mac无法升级到Monterey或更高，建议：
  • 升级Mac系统到符合要求的版本，安装对应Xcode
  • 改用物理iOS设备进行MAUI调试，或回到纯Swift的WKWebView方案

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