iOS13/iPadOS PointerEvents兼容问题及PWA适配技术求助

我之前也踩过iOS13 PointerEvents这个坑，原生实现有bug就算了，PEP还因为检测到原生支持直接躺平，确实闹心。结合你的问题，给你几个可行的方向：

一、强制PEP垫片接管输入事件 #

你之前尝试设置window.PointerEvent=undefined没成功，大概率是因为PEP的检测逻辑不止看这个全局对象——它还会检查navigator.pointerEnabled、navigator.webkitPointerEnabled这类属性。要让PEP完全忽略原生支持，得在加载PEP脚本之前把所有相关检测点都覆盖掉：

// 必须在引入PEP的<script>标签之前执行这段代码
(function() {
  // 清除PointerEvent构造函数
  delete window.PointerEvent;
  delete window.MSPointerEvent;
  
  // 覆盖指针支持检测属性
  Object.defineProperty(navigator, 'pointerEnabled', {
    get: () => false,
    configurable: true,
    enumerable: true
  });
  
  Object.defineProperty(navigator, 'webkitPointerEnabled', {
    get: () => false,
    configurable: true,
    enumerable: true
  });
  
  // 额外覆盖PointerEvent的原型方法检测（如果PEP用到的话）
  if (window.Event && window.Event.prototype) {
    delete window.Event.prototype.getPointerCapture;
    delete window.Event.prototype.releasePointerCapture;
  }
})();

如果你的PEP是通过npm引入的，确保在导入PEP模块前先执行这段代码。这样PEP就会认为当前环境不支持原生PointerEvents，自动启动垫片逻辑。

二、关于强制关闭浏览器实验性功能 #

很遗憾，JavaScript没有权限修改浏览器的实验性功能设置——这属于浏览器的隐私/安全范畴，前端代码碰不到。包括PWA独立模式下，它的浏览器内核设置和Safari是共享的，所以没法通过JS直接关闭这个实验项。

不过你可以优化用户提示的精准度：检测当前是否处于PWA独立模式，然后引导用户打开Safari（非PWA）去修改设置，再返回PWA：

// 检测是否为PWA独立启动模式
const isStandalone = window.matchMedia('(display-mode: standalone)').matches;

if (isStandalone && /iPhone OS 13|iPad OS 13/.test(navigator.userAgent)) {
  alert('检测到输入功能异常，请先打开Safari浏览器，关闭"实验性功能"中的PointerEvents选项，刷新后再返回本应用。');
}

三、备选方案：针对性修复原生bug #

如果强制PEP还是有问题，你可以针对iOS13的具体bug做局部修复。比如某些PointerEvent的属性（如pressure、pointerType）异常，或者事件触发时机不对，你可以监听原生事件后修正这些属性再分发：

document.addEventListener('pointerdown', (e) => {
  if (/iPhone OS 13|iPad OS 13/.test(navigator.userAgent)) {
    // 修复iOS13中pressure始终为0的问题
    Object.defineProperty(e, 'pressure', {
      get: () => e.touches?.length ? 0.5 : 0,
      configurable: true
    });
    // 若需要，可重新包装事件后分发
    const fixedEvent = new PointerEvent(e.type, e);
    fixedEvent.pressure = e.touches?.length ? 0.5 : 0;
    e.target.dispatchEvent(fixedEvent);
    e.preventDefault();
  }
}, true);

这个方案比较繁琐，但如果PEP适配有冲突的话可以试试。

总的来说，强制PEP垫片工作是最省心的方案，只要确保在PEP加载前覆盖所有检测点就行。

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