禁止手机端浏览器双击放大功能

记录一下啊
今天客户提要求手机浏览器打开网页时要禁止双击放大页面（Google）！！！
然后在网上找到了很多但都没有效果，比如：

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

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

上述均无效（可能是自己没用好吧）！！！

后来找到了一个js（成功解决）如下：

// 禁用双击放大
var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {var now = Date.now();if (now - lastTouchEnd <= 300) {event.preventDefault();}lastTouchEnd = now;
}, {passive: false});

这里我只用了禁止双击放大，博主还有禁止双指放大！！！
可参考原文
https://blog.csdn.net/wnety/article/details/116193932
感谢贡献者！！！

禁止手机端浏览器双击放大功能相关推荐

基于高德地图JsAPI进行浏览器精确定位，实现手机端考勤打卡功能
前言: 由于项目需求需要在项目中实现手机端(基于网页)考勤打卡功能,最初考虑使用H5自身定位功能,但尝试过后,效果很不稳定.然后尝试使用百度地图JsAPI,百度家的稳定倒是很稳定,没想到的是定位位置和 ...
html手机网页不可放大,阻止移动设备(手机、pad)浏览器双击放大网页的方
点评:这篇文章主要介绍了阻止移动设备(手机.pad)浏览器双击放大网页的方法,需要的朋友可以参考下现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页 ...
利用auto.js实现FIFAol3手机端截卡器功能
利用auto.js实现FIFAol3手机端截卡器功能利用空闲时间写了个小脚本给自己使用,现在分享给大家.最近使用截卡器的人越来越多,导致现在几乎买不到球员了,既失望又无奈.费话不多说,直接上方法. ...
[html] 如何禁止手机端页面缩放？
[html] 如何禁止手机端页面缩放? <meta name="viewport" content="user-scalable=no"> 个人简介 ...
JS判断是PC浏览器还是手机端浏览器
JS判断是电脑浏览器还是手机端浏览器,并根据不同的终端跳转到不同的网址 <!DOCTYPE html> <html> <script> function brows ...
如何阻止移动设备(手机,pad)浏览器双击放大网页？
现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页面上有提供viewport这个meta,可以用它来设置缩放. 但是在使用viewport之前要把页面 ...
html5 手机页面允许放大,阻止移动设备(手机、pad)浏览器双击放大网页的方法
现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,怎么让双击不放大? 在Mobile页面上有提供viewport这个meta,可以用它来设置缩放. 但是在使用viewport之前要把页面 ...
【转】Dynamics 365Online 如何启用手机端APP的离线功能
隐约记得365自带的手机app是支持离线功能的,但实际尝试后发现不行,断开网络后直接提示下图这样,无法操作了然后就去查询了下最新版的Online设置离线的方式,步骤还挺多的,本篇即来分享下第一步, ...
Python 手机端自动推送功能（利用极光推送API）
Python+Jpush手机端信息推送极光推送API是一种开发者服务,这里不再赘述我们在官网申请账号,创建应用,这里官方有详细的文档描述,这里也不再赘述,下图是我创建好的应用. 我们打开自己的应 ...

禁止手机端浏览器双击放大功能

禁止手机端浏览器双击放大功能相关推荐

最新文章

热门文章