桌面网站打开时如何防止双击放大 chrome android？

Question

当桌面站点启用时，如何防止在 Google Chrome 中双击浏览器时缩放。我尝试添加 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> ，但没有奏效。我还尝试在window.ondblclick 事件上添加event.preventDefault() 方法，但这也不起作用。

那我该怎么做呢？

Answer 1

试试下面的代码：

let time_stamp = 0; // Or Date.now()
window.addEventListener("touchstart", function(event_) {
    if (event_.timeStamp - time_stamp < 300) { // A tap that occurs less than 300 ms from the last tap will trigger a double tap. This delay may be different between browsers.
        event_.preventDefault();
        return false;
    }
    time_stamp = event_.timeStamp;
});