`
songzhan
  • 浏览: 249392 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

用jQuery来判断浏览器的类型 及 js获取用户ip

 
阅读更多

用jQuery来判断浏览器的类型,主要是使用$.browser这个工具类,使用方法:

 

$.browser.['浏览器关键字']

 

//谷歌浏览器、360浏览器等其他一些浏览器,没有专门的判断   
 function appInfo() {
        var bro = $.browser;
        var binfo = "";
        if (bro.msie) {
            binfo = "Microsoft Internet Explorer " + bro.version;  // bro.version  获得的是浏览器版本
        }
        else if (bro.mozilla) {
            binfo = "Mozilla Firefox " + bro.version;
        }
        else if (bro.safari) {
            binfo = "Apple Safari " + bro.version;
        }
        else if (bro.opera) {
            binfo = "Opera " + bro.version;
        }
        else if (bro.webkit) {
            binfo = "Webkit " + bro.version;
        }
        
        return binfo;
    }

 我们看下jQuery的源码:

 

 

var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
jQuery.browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};

 

 

jQuery 使用的是通过正则来匹配userAgent判断浏览器的种类和版本.

 

如果我们要来判断当前浏览器是否是IE6应该如何来判断?

$.browser.msie&&($.browser.version == "6.0")&&!$.support.style

同样jQuery判断浏览器是否为IE7

$.browser.msie&&($.browser.version == "7.0")

如果不考虑向后兼容性,又不想为了判断各浏览器类型而导入jQuery

判断IE最简单的方法是

if(document.all){
alert("IE6")
}

$.browser是通过正则表达式来匹配userAgent来判断浏览器版本和种类的.jquery1.3.2版本的文档中已经声明jquery.browser及jquery.browser.version建议弃用,可以使用jquery.support来代替

但是目前的情况来看,jquery.support并不好用,而且是非常的难用,我们还是老老实实的用$.browser来判断浏览器类型吧

如果是为了判断IE的版本我还是推荐用IE的条件表达式来书写JS

<!--[if IE]>
<script type="text/javascript">
alert("ie")
</script>
<![endif]-->
<!--[if IE 6]>
<script type="text/javascript">
alert("ie6")
</script>
<![endif]-->
<!--[if IE 7]>
<script type="text/javascript">
alert("ie7")
</script>
<![endif]-->

这个比我们手动通过$.browser来判断IE版本更精准,也不用去记jquery的browser的使用方法了

 

 

js 获取用户ip

var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();
            $.getJSON(url, function(data) {
                alert(data.Ip);   //获取的用户ip
             });
             

 

 

分享到:
评论

相关推荐

    JQuery插件 IP地址输入框

    2. **下载插件**:从提供的压缩包`jQuery-ip-input`中获取插件的JavaScript和CSS文件。 3. **链接文件**:将下载的JavaScript和CSS文件链接到HTML文档中。 4. **初始化插件**:在文档加载完成后,通过jQuery选择器...

    jQuery 获取浏览器所在的IP地址的小例子

    本文档主要介绍了使用jQuery库来获取浏览器所在设备的公网IP地址的一个简单示例。 首先,需要了解jQuery是一个轻量级的JavaScript库,其设计目的是使客户机端的JavaScript编程变得更加简单。通过使用jQuery,开发者...

    原生javascript和jquery判断浏览器版本等信息

    代码如下: [removed] //jquery判断浏览器信息 $(function(){ var bro=$.browser;//获取浏览器用户代理信息; var bro_msie=bro.msie;//判断是否为ie浏览器,假如为ie浏览器就返回:true,否则返回:undefined; var ...

    jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)

    上述内容提供了使用jQuery来获取用户IP地址的一个实用示例,并简单介绍了jQuery在前端开发中运用的多个领域。文章强调了理解这些知识点的重要性,并推荐了更多的jQuery相关内容供读者进一步学习。

    jQuery根据IP查询定位地址并百度地图显示代码

    本示例中的“jQuery根据IP查询定位地址并百度地图显示代码”是结合jQuery与百度地图API实现的一个功能,用于通过用户的IP地址获取其大致地理位置,并在网页上展示在百度地图上。 首先,我们需要理解jQuery如何处理...

    以IP来获取客户端电脑名称(一句代码实现)

    公司的域环境内,要求获取客户端的电脑... 您可能感兴趣的文章:ASP.NET获取真正的客户端IP地址的6种方法获取客户端电脑日期时间js代码(jquery)ASP 获取腾讯IP地址的代码IP138 IP地址查询小偷实现代码asp.net 通过指定

    jQuery IP address plugin

    jQuery IP地址插件是一款用于处理和验证用户输入的IP地址的JavaScript库,它基于流行的jQuery框架构建。这个插件的主要目标是提供一个简单、高效的方式来处理网络编程中常见的IP地址输入场景,确保用户输入的数据...

    省市县三级联动和js获取Ip归属地

    总的来说,“省市县三级联动”和“js获取IP归属地”是Web开发中的两个重要知识点,它们涉及到前端数据交互、用户界面设计和网络请求等多个方面。通过掌握这些技术,你可以构建更加智能和个性化的Web应用。

    前端+jquery右下角弹窗显示当前用户登录IP和登陆的城市地址

    在前端开发中,实现一个jQuery右下角弹窗来展示用户登录的IP和城市地址是一项常见的需求,尤其在用户管理或者个性化服务中。这个功能能够帮助网站提供更精确的服务,例如根据用户的位置信息推送相关的内容或者提醒。...

    PHP+jQuery根据IP地址定位城市.zip

    当这些事件触发时,jQuery可以使用AJAX(异步JavaScript和XML)方法向服务器发送非刷新请求,传递用户的IP地址,并接收返回的城市信息。 4. AJAX技术: AJAX使得网页可以不需重新加载整个页面就能与服务器交换数据...

    js获取本机的外网/广域网ip地址完整

    首先,我们要明白,由于浏览器的安全限制,JavaScript在本地环境下无法直接获取到用户的IP地址,它只能通过向服务器发送请求,由服务器返回用户的IP地址。在给出的示例中,使用了一个外部API...

    JS不能跨域借助jquery获取IP地址的方法

    JS无法跨域获取IP地址的问题及利用jquery解决的详细知识点如下: 首先,需要了解什么是跨域。在Web开发中,跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这被浏览器的同源策略所限制。同源策略是...

    JavaScript获取用户所在城市及地理位置

    在JavaScript中,获取用户所在城市及地理位置通常涉及两种主要的方法:一种是通过IP地址查询,另一种是利用浏览器的Geolocation API。以下是对这两种方法的详细解释: 1. **通过IP地址查询获取地理位置**: 这种...

    超实用的jQuery代码段

    《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。   《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...

    手机端移动网页js实现弹窗一个ip在24小时只弹出一次的代码

    1. **检测IP地址**:由于浏览器安全限制,JavaScript无法直接获取用户的IP地址。通常,我们可以通过第三方服务(如JavaScript库)获取粗略的地理位置信息,或者在服务器端处理并传递IP给客户端。 2. **检查cookie**...

    jQuery zclip插件实现跨浏览器复制功能

    jQuery-zclip插件通过依赖Flash技术来解决这个问题,因此在使用该插件之前,用户需要确保其计算机上安装了Adobe Flash Player。 **1. 使用步骤** 使用jQuery-zclip插件主要包括以下几个步骤: - **引入依赖**:...

    一些实用的jQuery代码片段

    下面是一段使用jQuery来获取用户IP地址的示例代码: ```javascript $.getJSON("http://jsonip.appspot.com?callback=?", function(data) { alert("Your ip:" + data.ip); }); ``` 这段代码通过`$.getJSON`方法...

    Ajax查看本机IP和地区位置代码.zip

    综上所述,"Ajax查看本机IP和地区位置代码.zip"中的内容可能是一个简单的Web应用,利用Ajax技术和jQuery库,结合IP Geolocation API来获取并展示用户本机的IP地址及所在地区的地理位置。这个应用展示了如何将前端...

    Jquery获取当前城市的天气信息

    JQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、...以上知识点,涵盖了从JQuery基本使用到网络请求处理,再到具体API调用和JavaScript编程技巧,能够帮助开发者理解并应用JQuery来获取和展示天气信息。

Global site tag (gtag.js) - Google Analytics