iOS 应用在 Edge 浏览器中无法打开？Universal Link 配置详解！

2024-07-21 09:43:13

iOS 应用在 Edge 浏览器中无法打开？可能是 Universal Link 配置出了问题！

你是否遇到过这种情况：在 iOS 设备上，通过 Safari 浏览器可以正常打开你的 App，但使用 Edge 浏览器却始终无法跳转？如果你的答案是肯定的，那么你很可能遇到了 Universal Link 配置问题。本文将深入探讨这个问题，并提供详细的解决方案，帮助你解决 iOS 应用在 Edge 浏览器中无法打开的困扰。

Universal Link：连接网页与 App 的桥梁

Universal Link 是苹果公司推出的一项技术，它允许开发者在网页和 App 之间建立关联。用户在 iOS 设备上点击链接时，如果该链接与已安装 App 相关联，系统会直接打开 App，而不会跳转到浏览器。这提升了用户体验，也为开发者提供了更多推广 App 的机会。

Edge 浏览器与 Universal Link 的兼容性问题

Universal Link 本身并不排斥其他浏览器。但在实际使用过程中，Edge 浏览器在处理 Universal Link 时存在一些兼容性问题，尤其是在 iOS 平台上，具体表现为：

从 Edge 浏览器点击 Universal Link，无法跳转到目标 App。
从 Outlook、Teams 等使用 Edge 浏览器内核的应用中点击 Universal Link，也无法打开目标 App。

深入分析：问题根源在哪里？

这个问题的根源在于 Edge 浏览器的用户代理字符串（User Agent String）。用户代理字符串是浏览器发送给服务器的一段标识信息，包含了浏览器类型、版本号、操作系统等信息。Safari 浏览器访问网页时，会根据网页内容判断是否需要触发 Universal Link。如果需要，它会在用户代理字符串中添加一个特殊的标识，告诉服务器这是一个支持 Universal Link 的请求。而 Edge 浏览器在处理 Universal Link 时，并不会添加这个标识，导致服务器无法识别这是一个来自支持 Universal Link 的浏览器的请求，最终导致 Universal Link 失效。

解决方案：让 Edge 浏览器说“Safari”

既然问题出在用户代理字符串上，解决问题的关键就在于修改 Edge 浏览器的用户代理字符串，让它能够被服务器正确识别。由于直接修改 Edge 浏览器本身的用户代理字符串比较困难，我们可以借助一些技巧来实现。

1. 使用 WKWebView 加载网页：在 App 内部构建“Safari 环境”

WKWebView 是苹果提供的一个用于加载网页的控件，它支持自定义用户代理字符串。我们可以在 App 中使用 WKWebView 加载需要使用 Universal Link 的网页，并在代码中设置用户代理字符串，添加 Safari 浏览器用于标识 Universal Link 请求的特殊标识，如同为 Edge 浏览器戴上了“Safari 面具”。

代码示例：

// 创建 WKWebViewConfiguration 对象
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];

// 设置自定义用户代理字符串，模拟 Safari 浏览器
NSString *userAgent = @"Mozilla/5.0 (iPhone; CPU iPhone OS 17_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Mobile/15E148 Safari/604.1";
configuration.applicationNameForUserAgent = userAgent;

// 创建 WKWebView 对象
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds configuration:configuration];

// 加载网页
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"https://example.com"]]];

在这段代码中，我们创建了一个 WKWebView 对象，并将其配置为使用 Safari 浏览器的用户代理字符串。当使用 WKWebView 加载网页时，服务器会认为请求来自 Safari 浏览器，从而正常触发 Universal Link。

2. 使用 JavaScript 代码注入：为网页“注入” Safari 标识

如果你的 App 已经使用了 UIWebView 加载网页，你也可以使用 JavaScript 代码注入的方式修改用户代理字符串。在网页加载完成后，执行一段 JavaScript 代码，将用户代理字符串修改为 Safari 浏览器的格式，如同为网页“注入”了 Safari 标识。

JavaScript 代码示例：

// 获取当前用户代理字符串
var userAgent = navigator.userAgent;

// 判断是否为 Edge 浏览器
if (userAgent.indexOf("Edg") > -1) {
  // 修改用户代理字符串，替换为 Safari 浏览器标识
  userAgent = userAgent.replace("Edg", "Safari");
  navigator.__setUserAgentOverride(userAgent);
}