移动端H5页面必用代码

1.禁止点击放大,如原生select标签点击之后在ios部分机型中会放大:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

2.禁止手动放大,双击屏幕放大:

 // 禁用双指放大

        document.documentElement.addEventListener('touchstart', function (event) {

            if (event.touches.length > 1) {

                event.preventDefault();

            }

        }, {

            passive: false

        });

       

        // 禁用双击放大

        var lastTouchEnd = 0;

        document.documentElement.addEventListener('touchend', function (event) {

            var now = Date.now();

            if (now - lastTouchEnd <= 300) {

                event.preventDefault();

            }

            lastTouchEnd = now;

        }, {

            passive: false

        });