Google Chrome - 禁用缩放缩放功能

Question

我在火车站的公共场所和机场都有一个小亭子.

随机的人需要使用在Google Chrome上运行的触摸屏应用程序.当用户在Google Chrome上应用unpinch或pinch动作时,Google Chrome会使屏幕异常放大并让屏幕永远放大,然后我会打电话说我的应用程序无效.

chrome://flags/#enable-pinch在过去使用谷歌浏览器能够杀死捏,但现在在新版本中,他们也删除了该功能也跟随选项,它们之前的工作状态不再像过去那样用``chrome:// flags/#enable-pinch`

chrome://flags/#touch-events - 如果我禁用此功能,则会禁用Google Chrome上的全触摸输入

<meta name="viewport" content="width=device-width, user-scalable=no"> - 如果我应用它,它对谷歌铬没有影响,仍然发生捏/解捏攻击

因此,我一直在尝试所有其他可能的方法来解决它

我把所有的头发拉出来因为所有的选择都失败了.

任何人都可以建议如何解决它？如何在Google Chrome或整个操作系统上完全禁用捏合/解锁？我也尝试过控制面板,但没有一个控制面板显示一个选项,它表示禁用捏/解锁攻击.

// Dear God, please give me a Pinch disable option for, Google chrome. Its a nightmare, nothing stops pinch zoom actions.
window.addEventListener("touchstart", touchHandler, false);
function touchHandler(event){
    if(event.touches.length > 1){
      console.log("pinch "); // detected
      window.location.reload();// detected
      try {
        event.preventDefault(); // FAIL FAIL FAIL FAILLLLLLLL ???????????
        return false;
      }catch(eee) {
      }
    }
    else {
      console.log("pinch not");//detected
    }
}

Answer 1

答：2018 年

我一直在尝试使用自助服务终端应用程序解决同样的问题。我尝试过元标记和触摸事件，但应用程序端的任何内容都不适合我。

最后我找到的解决方案是在 kiosk 模式下启动 Chrome 时禁用命令行捏合

这是一个例子：

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --start-fullscreen  --kiosk 
--disable-pinch  http://127.0.0.1:1000

Answer 2

我猜我对你来说有点晚了，但是对于下一个通过谷歌找到这个的人来说，解决方案实际上非常简单，只需使用 pure CSS。

您正在寻找的属性是touch-actionMDN 所解释的：

touch-action CSS 属性指定用户是否可以以及以何种方式通过触摸屏操作给定区域（例如，通过浏览器内置的平移或缩放功能）

禁用所有捏合缩放的基本解决方案是将以下代码片段放置在您的CSS.

body {
    touch-action: none;
}

还有其他选项，例如pan-x, pan-left, pan-right, pan-y, pan-up, pan-down, pinch-zoom。

查看完整文档@ https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action