移動端阻止雙擊放大的方法

之前做過的項目中遇到的問題，被提了bug，才注意到這個問題😂。

百度結果都說是meta標簽的問題：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

meta標簽的作用是讓當前viewport的寬度等於設備的寬度，同時不允許用戶手動縮放。其中 maximum-scale為允許用戶的最大縮放值，user-scalable為是否允許用戶進行縮放，yes(默認)代表允許，no(0)代表不允許，兩者結合使用可以阻止頁面被放大，少一項都達不到效果。

檢查項目public.html，明明已經設置好了啊......

 

var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
    var now = Date.now();
    if (now - lastTouchEnd <= 300) {
        event.preventDefault();
    }
    lastTouchEnd = now;
}, false);

 

    <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>
    <script>
      if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
          FastClick.attach(document.body);
        }, false);
      }
      if(!window.Promise) {
         document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>');
      }
    </script>

 

https://blog.csdn.net/Hreticent/article/details/80750997