当桌面网站打开时，如何防止双击放大 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;
});