H5随手笔记

One: H5 标签页面禁止识别电话号码和邮箱号码

<meta name=”format-detection” content=”telephone=no,email=no”/>

Tow:H5 CSS页面默认字体设置(所有设备都有的一种英文字体)

font-family:Helvetica;

Three:H5 CSS禁止页面横竖屏切换时改变字体大小(缩放)

-webkit-text-size-adjust:100%;

 Four:H5 JS IOS10禁止放大兼容

// 阻止双击放大
let lastTouchEnd = 0;
document.addEventListener('touchstart', function (event) {
    if (event.touches.length > 1) {
        event.preventDefault();
    }
});
document.addEventListener('touchend', function (event) {
    let now = (new Date()).getTime();
    if (now - lastTouchEnd <= 300 && event.cancelabel) {
        event.preventDefault();
    }
    lastTouchEnd = now;
}, false);

// 阻止双指放大
document.addEventListener('gesturestart', function (event) {
    event.preventDefault();
});