找回密码
当前位置：前端开发者 > CSS > 正文

前端开发CSS完美hack方案

2018-10-23 分类：CSS 阅读(1074) 评论(0)
前端开发跟后台开发待遇
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>
前端对后台开发了解不够
后台开发负责前端调用接口
前端开发与后台
赞(0)
前端开发者 » 前端开发CSS完美hack方案
64K
标签：前端开发者

前端开发者

相关推荐

评论 抢沙发

评论前必须登录！

 

最新评论