前端开发CSS完美hack方案

前端开发跟后台开发待遇
web前端开发后台
net开发是前端还是后台

判断是否为IE浏览器很简单,用navigator.appName来判断就行了。而Firefox, Chrome, Safari的navigator.appName输出值都是”Netscape”,现在我们用navigator.userAgent这个属性来判断,因为谷歌浏览器Chrome的navigator.userAgent值包含“Safari”字符串而Safari浏览器并不包含Chrome,因此我们可以用这个区别来区分safari和chrome。

完整代码如下:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <title>js完美识别IE, firefox, chrome, safari浏览器</title>
    <script>
        function BrowserType() {
            var OsObject = “”;
            if (navigator.userAgent.indexOf(“MSIE”) > 0) {
                OsObject = “MSIE”;
            }
            if (isFirefox = navigator.userAgent.indexOf(“Firefox”) > 0) {
                OsObject = “Firefox”;
            }
            if (isSafari = navigator.userAgent.indexOf(“Safari”) > 0 && navigator.userAgent.indexOf(“Chrome”) < 0) {
                OsObject = “Safari”;
            }
            if (isCamino = navigator.userAgent.indexOf(“Chrome”) > 0) {
                OsObject = “Chrome”;
            }
            return OsObject;
        }
        function Msg() {
            document.getElementById(“msg”).innerHTML = “<h1>您现在使用的浏览器为” + BrowserType() + “浏览器</h1>”;
        }
    </script>
</head>
<body onload=”Msg()”>
    <span id=”msg”></span>
</body>
</html>
前端对后台开发了解不够
后台开发负责前端调用接口
前端开发与后台
» 本文来自:前端开发者 » 《前端开发CSS完美hack方案》
» 本文链接地址:https://www.rokub.com/6248.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!