禁止触屏双指捏合与双击缩放

2026-07-19 12:34:22 +08:00 · 2026-03-19 17:48:27 +08:00
parent ad966e56d6
commit 393b0d67c9
2 changed files with 53 additions and 1 deletions
@@ -2,7 +2,10 @@
 <html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <title>SecScore</title>
  </head>
@@ -77,6 +77,55 @@ const patchConsole = () => {
 }
 patchConsole()

+const disableTouchZoom = () => {
+  let lastTouchEnd = 0
+
+  // iOS Safari/WebView 手势事件，直接阻止页面缩放
+  for (const type of ["gesturestart", "gesturechange", "gestureend"]) {
+    document.addEventListener(
+      type,
+      (event) => {
+        event.preventDefault()
+      },
+      { passive: false }
+    )
+  }
+
+  // 双指触摸移动时阻止缩放
+  document.addEventListener(
+    "touchmove",
+    (event) => {
+      if (event.touches.length > 1) {
+        event.preventDefault()
+      }
+    },
+    { passive: false }
+  )
+
+  // 连续快速双击时阻止浏览器放大
+  document.addEventListener(
+    "touchend",
+    (event) => {
+      const now = Date.now()
+      if (now - lastTouchEnd <= 300) {
+        event.preventDefault()
+      }
+      lastTouchEnd = now
+    },
+    { passive: false }
+  )
+
+  // 部分环境下双击会触发 dblclick，补充阻止
+  document.addEventListener(
+    "dblclick",
+    (event) => {
+      event.preventDefault()
+    },
+    { passive: false }
+  )
+}
+disableTouchZoom()
+
 window.addEventListener("error", (e: any) => {
  const error = e?.error
  safeWriteLog({