如何在iOS版Safari浏览器里修复无法调起微信或支付宝三方支付？

iOS Safari中微信支付彻底失效，因WeixinJSBridge仅存在于微信内置WebView；支付宝可通过location.href或动态a标签绕过唤起限制；微信支付必须采用服务端MWEB_URL中转方案。

在iOS版Safari浏览器中点击“立即支付”后页面静默无反应，控制台既无报错也无跳转，微信支付窗口打不开、支付宝APP唤不起——这不是代码写错了，而是WebKit安全沙箱主动拦截了非用户同步上下文的支付唤起行为。

先确认是否真在Safari里运行

仅靠检测UA字符串micromessenger会误判：微信分享链接在Safari打开时UA仍含该字段。必须叠加校验window.webkit && window.webkit.messageHandlers是否存在，不存在即判定为纯Safari环境。

这一步漏掉，后续所有修复都白做。

微信H5支付在Safari中彻底失效的根本原因

微信JS-SDK依赖的window.WeixinJSBridge对象只在微信内置WKWebView中初始化，Safari运行于独立进程，无法跨进程读取微信私有JS上下文——typeof WeixinJSBridge === 'undefined'是必然结果，不是缓存或配置问题。

所以任何试图在Safari里调用chooseWXPay或注入WeixinJSBridge的方案都会失败。

支付宝H5支付可绕过但需改跳转方式

方法一：用window.location.href替代window.open
支付宝返回的是完整HTML支付页（含自动submit表单），直接赋值给location.href会触发页面跳转并拉起支付宝APP，Safari不拦截当前页跳转。

方法二：动态创建a标签模拟点击
生成带href和target="_blank"的a元素，调用.click()——此操作在用户点击事件内同步执行，能绕过Safari弹窗拦截策略。

【关键前提】支付宝返回的支付URL必须是https://ds.alipay.com/...这类官方域名，自建中转页或短链会被iOS系统识别为不可信来源而拒绝唤起APP。

微信支付必须放弃Safari直连，改用服务端中转

第一步：用户点击支付按钮时，前端立即发起createOrder请求，同时同步执行：
const popup = window.open('', '_blank', 'width=1,height=1');

第二步：待createOrder返回微信MWEB_URL后，向popup窗口写入中转页面：
popup.document.write(`<script>location.href="${res.mwebUrl}"</script>`);

第三步：中转页必须部署在微信商户后台已备案的一级域名下（如pay.yourdomain.com），且该域名要与下单时Referer头中的一致，否则微信中间页会校验失败并返回错误页。

注意：中转页不能是本地file协议或localhost，必须是HTTPS且域名已通过微信H5支付授权。