[前端] JS判断操作系统

做一个前端，写页面要考虑因素很多，这也是让前端人员最为头疼的一件事。拿兼容性来讲主要有：

 

1、IE和版本的兼容(IE6以上) 有些公司可能不需要兼容IE8以下，这会让前端人员好过些

2、不同浏览器的兼容：chrome firefox safari  ie  opera 等主流浏览器

3、手机端页面：不同尺寸的，不同操作系统的 android  iphone

4、针对PC端不同操作系统：有window操作系统  mac操作系统也有些地方渲染效果不一样

 

看到这些，我想前端人员是不是想死的心都有了，呵呵！

 

这里主要针对PC操作系统的代码：(亲测可用)

 

<script type="text/javascript">
    function detectOS() {
        var sUserAgent = navigator.userAgent;
        var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
        var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
        if (isMac) return "Mac";
        var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
        if (isUnix) return "Unix";
        var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
        if (isLinux) return "Linux";
        if (isWin) {
            var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
            if (isWin2K) return "Win2000";
            var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
            if (isWinXP) return "WinXP";
            var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
            if (isWin2003) return "Win2003";
            var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
            if (isWinVista) return "WinVista";
            var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
            if (isWin7) return "Win7";
        }
        return "other";
    }

    document.writeln("您的操作系统是：" + detectOS());
</script>

 

欢迎关注技术开发分享录：http://fenxianglu.cn/