js判断访问的是pc还是移动端链接会闪现

Question

如图所示会闪现一下

            function browser() {
                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";
                if(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                    window.location = "../mobile/index.html";
                } 
            }

HTML结构

在移动端为何会先把PC界面加载出来再跳转到移动端页面，在安卓手机没有这个问题，苹果手机上会有这个问题

Answer 1

是不是先读了 css ，然后页面html结构也出来了， 最后才加载 js 导致闪现的。改变下 先后顺序试试

Answer 2

页面跳转当然会闪的吧

Answer 3

先隐藏body，判断完成后再显示