iOS中navigator.share API无法分享完整URL问题排查

在iOS 16.0设备上使用navigator.share API分享网页链接时，弹出的预览窗口能正确显示完整URLhttps://qa.example.com/path及标题，但选择消息、邮件等渠道实际分享时，URL的子域名和路径被截断，仅保留https://example.com。该问题仅在使用Cloudflare CNAME flattening的源站出现，其他URL可正常分享完整链接。

解决方法 #

1. 排查Cloudflare重定向/页面规则 #

• 检查是否存在将子域名或路径强制重定向到主域名的页面规则，这类规则可能被iOS分享解析逻辑触发，导致URL被替换。暂时禁用相关规则测试是否恢复正常。
• 确认自动HTTPS重定向、主域名强制跳转等配置是否影响分享流程，必要时调整范围或关闭。

2. 调整Cloudflare CNAME Flattening模式 #

• 将CNAME flattening从"Flatten CNAME at root"切换为"DNS only"，部分场景下iOS分享API对扁平化后的域名解析存在兼容问题，保留原始CNAME记录可能解决截断问题。
• 若为根域名配置了CNAME flattening，可改用A记录指向Cloudflare的IP地址，绕过CNAME解析环节。

3. 优化navigator.share参数配置 #

• 添加title字段明确指定分享标题，避免iOS自动解析页面元数据时出现异常：

async handleShareClicked() {
      const shareData = {
        title: '自定义分享标题',
        text: `Foo`,
        url: "https://qa.example.com/path",
      };
      if (navigator.canShare(shareData)) {
        try {
          await navigator.share(shareData);
        } catch (error) {
          console.log(error);
        }
      } else {
        console.log("no support");
      }
},

• 对URL做编码处理，避免潜在的解析异常：

url: encodeURI("https://qa.example.com/path"),

4. 校验页面Open Graph元数据 #

• 确保页面的og:url等Open Graph元数据指向完整的目标URL，iOS分享功能会优先读取这些元数据，配置错误会导致URL被替换：

<meta property="og:url" content="https://qa.example.com/path" />
<meta property="og:title" content="页面标题" />

5. 清除Cloudflare缓存 #

• 清除对应页面的Cloudflare缓存，确保iOS设备能获取到最新的页面配置和元数据，避免缓存的旧数据导致分享解析异常。

内容的提问来源于stack exchange，提问作者Joe B.