h5页面 禁止用户放大缩小页面js

新建xxx.js，然后在main.js重引入 xxx.js

document.addEventListener("touchstart", function (event) {
  if (event.touches.length > 1) {
    event.preventDefault();
  }
},false);
let lastTouchEnd = 0;
document.addEventListener(
  "touchend",
  function (event) {
    let now = new Date().getTime();
    if (now - lastTouchEnd <= 300) {
      event.preventDefault();
    }
    lastTouchEnd = now;
  },
  false
);
document.addEventListener("gesturestart", function (event) {
  event.preventDefault();
});

及在head中加下面这一段代码

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

参照文章https://www.cnblogs.com/liuyuhangCastle/p/10517067.html，特此记录以便后面需要