Allen Wang

专注web开发
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Microsoft AJAX Library浏览器类型的判断

Posted on 2008-01-31 14:27  AllenWang.NET  阅读(549)  评论(0)    收藏  举报
Microsoft ASP.NET AJAX中有一层浏览器兼容层，提供了浏览器的兼容功能，可以用同样的编码方式，相同的代码在不同的浏览器实现相同的功能。

在ASP.NET AJAX框架中可以用Sys.Browser的属性来获取浏览器的类型：
1) Sys.Browser.agent -- 浏览器的类型，有以下四种取值
     Sys.Browser.InternetExplorer
     Sys.Browser.FireFox
     Sys.Browser.Safari
     Sys.Browser.Opera
2) Sys.Browser.name -- 浏览器的名称
     Microsoft Internet Explorer
     Firefox
     Safari
     Opera -- 还没在这个浏览器下测试名称的显示
3) Sys.Browser.version -- 浏览器的版本

检测示例
<%@ page language="C#" %>

<!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 runat="server">
    <title>Browser Detection Example</title>
    <script language="javascript" type="text/javascript" src="MicrosoftAjax.js"></script>
</head>
<body>
    <form id="form1" runat="server">

    <script type="text/javascript">     
    <!--         
        function pageLoad(sender, e) {
            var browser = String.format("Your browser is {0} {1}", Sys.Browser.name, Sys.Browser.version);    
            alert(browser);                    
            if(Sys.Browser.agent == Sys.Browser.InternetExplorer) {
                alert('This message is displayed only on Internet Explorer!');          
            }         
       }     
    //-->     
    </script>
    
    </form>
</body>
</html>

Microsoft AJAX Library脚本库中实现这部分功能的代码如下：
Sys.Browser = {};
Sys.Browser.InternetExplorer = {};
Sys.Browser.Firefox = {};
Sys.Browser.Safari = {};
Sys.Browser.Opera = {};
Sys.Browser.agent = null;
Sys.Browser.hasDebuggerStatement = false;
Sys.Browser.name = navigator.appName;
Sys.Browser.version = parseFloat(navigator.appVersion);
if (navigator.userAgent.indexOf(' MSIE ') > -1) {
    Sys.Browser.agent = Sys.Browser.InternetExplorer;
    Sys.Browser.version = parseFloat(navigator.userAgent.match(/MSIE (\d+\.\d+)/)[1]);
    Sys.Browser.hasDebuggerStatement = true;
}
else if (navigator.userAgent.indexOf(' Firefox/') > -1) {
    Sys.Browser.agent = Sys.Browser.Firefox;
    Sys.Browser.version = parseFloat(navigator.userAgent.match(/ Firefox\/(\d+\.\d+)/)[1]);
    Sys.Browser.name = 'Firefox';
    Sys.Browser.hasDebuggerStatement = true;
}
else if (navigator.userAgent.indexOf(' Safari/') > -1) {
    Sys.Browser.agent = Sys.Browser.Safari;
    Sys.Browser.version = parseFloat(navigator.userAgent.match(/ Safari\/(\d+(\.\d+)?)/)[1]);
    Sys.Browser.name = 'Safari';
}
else if (navigator.userAgent.indexOf('Opera/') > -1) {
    Sys.Browser.agent = Sys.Browser.Opera;
}

从上面的脚本库内部实现代码来看，如果客户端浏览器非上面列出的四种主流浏览器，则不能用Sys.Browser.agent进行检测，不过可以用Sys.Browser.name和version来进行判断。