zoukankan      html  css  js  c++  java
  • 检测到是移动端还是PC端进入页面,加载不同样式表现

     if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
                    if(window.location.href.indexOf("?mobile") < 0) {
                        try {
                            if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                                //window.location.href = "手机页面";
                                console.log('手机页面')
                            } else if(/iPad/i.test(navigator.userAgent)) {
                                //window.location.href = "平板页面";
                                console.log('平板页面')
                            } else {
                                //window.location.href = "其他移动端页面"
                                console.log('其他移动端页面')
                            }
                        } catch(e) {}
                    }
                }else{
                    console.log('PC页面');
                }
    <script type="text/javascript">
                // 判断是否为移动端运行环境 
                if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
                    if(window.location.href.indexOf("?mobile") < 0) {
                        try {
                            if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                                // 判断访问环境是 Android|webOS|iPhone|iPod|BlackBerry 则加载以下样式 
                                setActiveStyleSheet("style_mobile_a.css");
                            } else if(/iPad/i.test(navigator.userAgent)) {
                                // 判断访问环境是 iPad 则加载以下样式 
                                setActiveStyleSheet("style_mobile_iPad.css");
                            } else {
                                // 判断访问环境是 其他移动设备 则加载以下样式 
                                setActiveStyleSheet("style_mobile_other.css");
                            }
                        } catch(e) {}
                    }
                } else {
                    // 如果以上都不是,则加载以下样式 
                    setActiveStyleSheet("style_mobile_no.css");
                }
    
                // 判断完毕后加载样式 
                function setActiveStyleSheet(filename) {
                    document.write("<link href=" + filename + " rel=stylesheet>");
                }
            </script>
  • 相关阅读:
    vi 命令 使用方法
    再论C++之垃圾回收(GC)
    Iterative (non-recursive) Quick Sort
    DirectSound的应用
    JavaScript也能求爱哦
    lol匹配算法
    一年成为Emacs高手(像神一样使用编辑器)
    SSH深度历险(四) Maven初步学�
    char* 和char[]的差别
    数据仓库与数据挖掘的一些基本概念
  • 原文地址:https://www.cnblogs.com/dalulu/p/9353288.html
Copyright © 2011-2022 走看看