能否模拟touchStart事件的isTrusted=true属性？求解决方案

嘿，我完全理解你想在Mobile Safari里通过代码触发touchStart事件时让isTrusted属性为true的需求——这个属性确实是浏览器用来区分用户真实交互和脚本触发事件的关键标志，但遗憾的是，目前没有直接的库或方法能在生产环境的Mobile Safari中修改这个属性，因为它是浏览器原生的只读属性，而且Safari的安全机制对这个限制得非常严格。

不过，我们可以根据你的使用场景尝试一些变通方案：

1. 利用用户真实交互的上下文触发事件 #

虽然脚本触发的事件isTrusted永远是false，但如果在用户真实触发的交互事件（比如真实的touchstart、click）的回调函数里去触发你需要的touchStart事件，很多依赖isTrusted的逻辑可能会因为处于用户交互的调用栈中而放松校验。示例代码如下：

// 监听用户真实的touchstart事件
document.addEventListener('touchstart', (realUserEvent) => {
  // 创建模拟的touchStart事件，复用真实事件的参数
  const simulatedTouchEvent = new TouchEvent('touchstart', {
    touches: realUserEvent.touches,
    target: yourTargetElement,
    bubbles: true,
    cancelable: true
  });
  
  // 在用户交互的上下文里触发事件
  yourTargetElement.dispatchEvent(simulatedTouchEvent);
});

这种方法不能改变isTrusted的值，但能让事件处于用户交互的上下文环境中，部分第三方库或检测逻辑可能会认可这种触发方式。

2. 绕过isTrusted校验逻辑 #

如果是你自己的业务代码依赖isTrusted判断，可以修改校验逻辑，兼容脚本触发的场景：

// 替代原来的 if (event.isTrusted)
function isValidEvent(event) {
  // 优先判断isTrusted，同时允许在用户交互上下文里的脚本触发事件
  const isInUserInteractionContext = document.hasFocus() && Math.abs(event.timeStamp - performance.now()) < 100;
  return event.isTrusted || isInUserInteractionContext;
}

这里的isInUserInteractionContext是一个简单的判断逻辑，你可以根据实际场景调整（比如用一个全局标志位，在用户交互时设置，几秒后重置）。

3. 自动化测试场景的解决方案 #

如果是在自动化测试中需要模拟isTrusted=true的touchStart事件，可以使用Playwright、Cypress这类专业的测试工具。它们模拟的是真实的用户操作流程，触发的事件isTrusted会被设为true。比如Playwright中的示例：

// Playwright代码，模拟用户触摸操作
await page.touchscreen.tap(100, 100); // 触发的touchStart事件isTrusted=true

注意这种方法只适用于测试环境，无法在生产代码中使用。

需要再次强调的是：生产环境下，Mobile Safari不允许脚本修改isTrusted属性，这是浏览器的安全防护机制，防止恶意脚本模拟用户操作（比如伪造点击、触摸来进行欺诈）。

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