调用executeJs触发锚点点击在iPhone真机Safari不生效问题

• 你当前代码依赖调试器专属变量$0：$0是桌面Safari调试工具中指向当前选中DOM元素的专属变量，仅在调试模式上下文生效，iPhone真机运行时不存在调试器上下文，$0没有绑定到你传入的锚点元素，自然无法触发点击。
• iPhone Safari对非用户主动触发的click事件有严格的安全限制，异步上下文、非用户交互触发的点击操作（尤其是涉及下载、跳转的锚点点击）会被默认拦截。
• 部分版本的iOS Safari对HTMLElement.click()原生方法的支持存在兼容性缺陷，非交互场景下调用无响应。

方案1：替换$0为传入的参数引用（最优先验证） #

直接使用executeJs的参数传递机制获取你传入的锚点元素，不依赖调试器变量，修改代码为：

page.executeJs("arguments[0].click();", downloadAnchor.getElement());

方案2：手动构造兼容移动端Safari的鼠标事件 #

如果原生click()调用被拦截，手动构造MouseEvent触发点击，兼容性更强：

page.executeJs(`
  const anchor = arguments[0];
  const event = new MouseEvent('click', {
    bubbles: true,
    cancelable: true,
    view: window
  });
  anchor.dispatchEvent(event);
`, downloadAnchor.getElement());

方案3：补全锚点属性避免Safari下载拦截 #

如果你的锚点是用于触发下载，需提前确认两个属性配置正确：

• 锚点的download属性已赋值，且没有设置跨域的href地址（iOS Safari会拦截跨域资源的download属性锚点点击）
• 如果是Blob地址，需确认Blob对象的MIME类型设置正确，且没有被Safari的安全策略拦截

方案4：调整触发时机到用户交互上下文 #

如果上述操作仍无响应，确认你的executeJs调用逻辑是否嵌套在异步回调（比如setTimeout、接口请求回调）中，iOS Safari仅允许在用户交互（触摸、点击等操作）的同步回调栈中触发跳转、下载类操作，你可以将点击逻辑移动到用户触发的操作回调中执行，避免异步调用被拦截。

可以先执行以下代码确认传入的元素是否正确，排除元素传空的问题：

page.executeJs("return arguments[0].tagName === 'A' ? '元素正确' : '元素错误'", downloadAnchor.getElement()).then(res => console.log(res))

内容的提问来源于stack exchange，提问作者Swetha S J