针对ios10及以上Safari的缩放问题

ios 在手机端禁止缩放

Vue 实现

  mounted() {
    this.initPageSize()
  },

initPageSize() {
      this.documentHeight = document.documentElement.clientHeight + 'px'
      window.addEventListener('resize', this.windowResize)
      /* 完美解决ios10及以上Safari无法禁止缩放的问题 */
      window.onload = () => {
      <!-- 监听点击事件  -->
        document.addEventListener('touchstart', event => {
          if (event.touches.length > 1) {
            event.preventDefault()
          }
        })
        let lastTouchEnd = 0
        document.addEventListener(
          'touchend',
          event => {
            const now = new Date().getTime()
            if (now - lastTouchEnd <= 300) {
              event.preventDefault()
            }
            lastTouchEnd = now
          },
          false
        )
        document.addEventListener('gesturestart', event => {
          event.preventDefault()
        })
      }
    },
    
    destroyed() {
    window.removeEventListener('resize', this.windowResize)
  }