移动端适配及pc端跳转代码

2018-09-14  本文已影响0人  Eden0204
移动端rem适配
        setRem();
        window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () {
            setRem();
        });
        function setRem() {
            var html = document.querySelector("html");
            var width = html.getBoundingClientRect().width;
            html.style.fontSize = width / 10 + "px"; //1rem = 75px;
        }
        window.onresize = function () {
            setRem();
        }
pc端跳转

        function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            //document.writeln("您的浏览设备为:");
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                window.location.href="xxx.com"; //请在此处填写移动端的网址
            }
        }
        //执行跳转
        browserRedirect();

上一篇下一篇

猜你喜欢

热点阅读