美文网首页
移动端适配及pc端跳转代码

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

作者: Eden0204 | 来源:发表于2018-09-14 15:05 被阅读0次
移动端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();

相关文章

网友评论

      本文标题:移动端适配及pc端跳转代码

      本文链接:https://www.haomeiwen.com/subject/wcuogftx.html