Google chrome - 禁用捏合縮放

Question

我在火車站公共場所和機場都有一個售貨亭。

隨機的人需要使用在谷歌瀏覽器上運行的觸摸屏應用程序。 當用戶在 Google chrome 上應用 unpinch 或 pinch 操作時，Google chrome 使屏幕放大異常並使屏幕永遠放大，然后我接到電話說我的應用程序不起作用。

在過去的谷歌瀏覽器中使用chrome://flags/#enable-pinch能夠消除夾點，但現在在新版本中，他們刪除了該功能，並遵循以下選項，它們都不再像過去使用``chrome 那樣工作： //標志/#enable-pinch`

chrome://flags/#touch-events - 如果我禁用它，它會禁用谷歌瀏覽器上的整個觸摸輸入

<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

我猜我對你來說有點晚了，但是對於下一個通過谷歌找到這個的人來說，解決方案實際上非常簡單，只需使用純CSS 。

您正在尋找的屬性是touch-action ，正如 MDN 所解釋的：

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