IOS10下Safari中的页面，其viewport配置user-scalable=no无效。

IOS10发布后，苹果为了“用户体验”，在Safari中忽略了user-scalable=no配置，但在WebView中仍默认启用。
为了“邪恶的阻止用户得到更好体验”，只能通过脚本方式在Safari中禁用缩放了。

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 = (new Date()).getTime();
    if (now - lastTouchEnd <= 300)event.preventDefault();
    lastTouchEnd = now;
}, false);

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 = (new Date()).getTime();

if (now - lastTouchEnd <= 300)event.preventDefault();

lastTouchEnd = now;

}, false);

参考资料：
iOS SDK Release Notes for iOS 10.0
ignoresViewportScaleLimits

发表回复 取消回复

发表回复取消回复