修复了 iOS 方向变化时放大缩小的问题。
修复了 iOS 方向变化缩放问题。
/! 修复 iOS 方向变化缩放问题。脚本由 @scottjehl 编写,由 @wilto 重新实现。MIT / GPLv2 许可证。/(function(a){function m(){d.setAttribute("content",g),h=!0}function n(){d.setAttribute("content",f),h=!1}function o(b){l=b.accelerationIncludingGravity,i=Math.abs(l.x),j=Math.abs(l.y),k=Math.abs(l.z),(!a.orientation||a.orientation===180)&&(i>7||(k>6&&j6)&&i>5)?h&&n():h||m()}var b=navigator.userAgent;if(!(/iPhone|iPad|iPod/.test(navigator.platform)&&/OS [1-5][0-9]* like Mac OS X/i.test(b)&&b.indexOf("AppleWebKit")>-1))return;var c=a.document;if(!c.querySelector)return;var d=c.querySelector("meta[name=viewport]"),e=d&&d.getAttribute("content"),f=e+",maximum-scale=1",g=e+",maximum-scale=10",h=!0,i,j,k,l;if(!d)return;a.addEventListener("orientationchange",m,!1),a.addEventListener("devicemotion",o,!1)}(this)); 说明: 包含脚本,启用您的放大缩小效果。(稍后我会详细介绍 ...)。
它的工作原理是通过监听设备的加速度计来预测方向变化即将发生。一旦判断方向变化即将发生,脚本将禁用用户缩放,使方向变化能够正常发生,且缩放被禁用。一旦设备的方向接近竖直方向,或者方向发生变化后,脚本将再次恢复缩放。这样,当页面在使用中时,用户缩放永远不会被禁用。
暂无开放 Issues,或尚未同步最近议题。