ios禁止网页放大缩小-低调大师

ios禁止网页放大缩小

2017-08-22 602

移动设备升级到iOS10了，发现了自带的Safari浏览器不再识别meta viewport了。以前我们都是用这个标签来让浏览器禁用缩放的。万恶的Apple~~

在iOS10之前都是通过

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

来强制不让手机浏览器缩放的，但是升级到iOS10后Safari不再识别这个meta标签。所以得用js来hack一下：
禁用双指缩放：

  document.documentElement.addEventListener(
 'touchstart', 
 function (event) {
 
   
 if (event.touches.length > 1) {
 
     event.preventDefault();
 
   }
 
 }, 
 false);

禁用手指双击缩放：

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

如果在iOS10的Safari中设置了viewport，其实双击放大也是不生效的，所以个人觉得在iOS10上比较好的解决方案是先设置viewport，然后再用js禁用双指缩放即可，无需再设置禁用双击缩放。

同时给出这个解决方案的作者还提出了一个有情提示，如果任何一个子元素的touch事件设置了stopPropagation阻止事件冒泡的话，可能还是会失效，而且在iOS10中你的输入框字体最好不要小于16px，否则iOS在输入框获得焦点时可能还是会强制放大。

原文地址：http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari

微信关注我们

原文链接：https://yq.aliyun.com/articles/233768

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

阿里巴巴淘票票专家分享：如何利用阿里云ARMS，搭建国际化在线售票的业务监控系统

阿里巴巴旗下-淘票票王伟撰稿 1. 简介淘票票为了开拓国际业务，需要做国际化的在线售票，并选择了阿里云新加坡节点作为技术方案，项目上线后急需一套自动化的监控系统代替人肉维护监控。看了ARMS的功能说明，发现其刚好以很低的接入成本来满足我们业务实时监控的需求，因此决定采用阿里云的业务实时监控服务（ARMS）做业务监控。业务的基本需求是需要实时大盘和报警功能，对要实时统计订票接口的各种状态进行统计和报警，包括：订票成功率，从业务层面看是否系统运行正常。订票接口状态，如响应时间，同比环比调用，等，从系统层面看是否系统运行正常。以下篇幅从日志设计到配置，到最终大盘展示。 2. 监控配置 2.1. 采集日志 ARMS基本原理是采集日志通过实时流式计算出聚合数据监控业务，可以通过ECS，LogHub，SDK等多种方式获得日志源，这里我们选择LogHub，因为我们所有使用阿里云的ECS已经采集日志到日志服务上，只需要简单通过配置即可让ARMS从LogHub上获取日志。采集到LogHub上的原始日志示例为: 2017-08-21 13:54:48,805|20170821|2f58c3...

2017-08-23

534

Appium 服务关键字关键字描述实例 automationName 你想使用的自动化测试引擎 Appium(默认) 或Selendroid platformName 你要测试的手机操作系统 iOS,Android, 或FirefoxOS platformVersion 手机操作系统版本例如：7.1,4.4 deviceName 使用的手机类型或模拟器类型 iPhone Simulator,iPad Simulator,iPhone Retina 4-inch,Android Emulator,Galaxy S4, 等。在 iOS 上，这个关键字的值必须是使用instruments -s devices得到的可使用的设备名称之一。在 Android 上，这个关键字目前不起作用。 app .ipaor.apk文件所在的本地绝对路径或者远程路径,也可以是一个包括两者之一的.zip。 Appium会先尝试安装路径对应的应用在适当的真机或模拟器上。针对Android系统，如果你指定app-package和app-activity(具体见下面)的话，那么就可以不指定app。会与brows...

2017-08-23

525

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。