通过 JavaScript 在 Android 浏览器中禁用触摸手势答案

【问题标题】：Disable Touch Gestures in Android Browser via JavaScript通过 JavaScript 在 Android 浏览器中禁用触摸手势
【发布时间】：2011-01-22 22:34:58
【问题描述】：

有谁知道如何在 Android 上的浏览器中运行内容时使用 JavaScript 禁用触摸手势？

例如，我想通过 JavaScript 禁用双指缩放手势。

【问题讨论】：

我愿意为忽略 user-scalable=no 元标记的 iPhone 浏览器付费。当网站不允许我缩放时，我讨厌它。
我也对这个问题感兴趣。单击特定图像时，我想禁用双击缩放。用户必须尽可能快地单击此图像 10 秒，这会导致 Android 浏览器上出现大量不必要的缩放。不幸的是，监听 touchend 事件并在事件上使用 prevenDefault() 和 stopPropagation() 并不能解决问题。
请注意，大多数功能强大的移动浏览器都允许您设置缩放选项，而不管作者的设置如何，通常在辅助功能下。

标签： javascript android mobile webkit touch

【解决方案1】：

这可以通过元标记 viewport 来完成。

<meta name="viewport" content="width=device-width, user-scalable=no" />

我不确定 JavaScript 是否可行。

【讨论】：

谢谢。那解决了它。（您在 content 属性中缺少一个结束引号）。
这在 iOS 和 Android 上的一个问题是，它会导致 Canvas 元素中的线条绘制被别名化（并且通常看起来很糟糕）。
这在运行 Android 的 HTC 设备上不起作用，因为它们忽略了元视口标签（很烦人）

【解决方案2】：

用 JavaScript 添加它：

var vp = document.createElement('meta');
vp.name = "viewport";
vp.content = "width=device-width; user-scalable=no;";
document.getElementsByTagName('head')[0].appendChild( vp );

【讨论】：