`

Extjs4中判断浏览器和操作系统

阅读更多

  Ext.onReady(function(){
   if (Ext.isChrome){
    Ext.Msg.alert("浏览器检测","你使用的是Chrome");
   }
   /**
    *检测IE
    *
    */
   if (Ext.isIE){
    Ext.Msg.alert("浏览器检测","你使用的是IE");
   }
   if (Ext.isIE6){
    Ext.Msg.alert("浏览器检测","你使用的是IE");
   }
   if (Ext.isIE7){
    Ext.Msg.alert("浏览器检测","你使用的是IE7");
   }
   if (Ext.isIE8){
    Ext.Msg.alert("浏览器检测","你使用的是IE8");
   }
   /**
    *像火狐和MOzilla这样的浏览器使用的是Gecko引擎,所以检测他们需要使用Ext.isGecko, Ext.isGecko2, Ext.isGecko3
    *The browsers such as Mozilla and Firefox that use the Gecko rendering engine are
    *detected with Ext.isGecko, Ext.isGecko2, and Ext.isGecko3:
    */

    if (Ext.isGecko) {
    browser = "Gecko";
    }
    if (Ext.isGecko2) {
    browser = "Gecko2";
    }
    if (Ext.isGecko3) {
    browser = "We like Firefox!";
    }
    /**
     *检测浏览器是否为Opera
     *
     *
     */   
    if (Ext.isOpera) {
     Ext.Msg.alert("浏览器检测","你使用的是Opera");
    }
    if (Ext.isSafari) {
    browser = "Safari";
    }
    if (Ext.isSafari2) {
    browser = "Safari2";
    }
    if (Ext.isSafari3) {
    browser = "Safari3";
    }
    if (Ext.isSafari4) {
    browser = "Safari4";
    }
   
    //******************************************
    /**
     *检测操作系统
     *
     */
     if (Ext.isLinux) {
     platform = "Linux";
     Ext.Msg.alert("系统","您使用是Linux系统");
     }

    if (Ext.isMac) {
     platform = "Mac";
     Ext.Msg.alert("系统","您使用是Mac系统");
    }
   if (Ext.isWindows) {
     platform = "Windows ";
     Ext.Msg.alert("系统","您使用是Window系统");
   }
   /**
    *Adobe's Air is detected with Ext.isAir:
    */

   if (Ext.isAir) {
     platform = "Air";
   }
   /**
    *Extjs获取的浏览器值和运行平台值都是通过解析JavaScript的navigator对象的userAgent属性来获取的
    *the values for Ext JS's browser and platform type flags are all obtained
    *from parsing the value of the userAgent property of the JavaScript navigator object
    *
    */
   /*
    *
    *ext-all.js代码中有相关源码
    */
  });

分享到:
评论

相关推荐

    JS判断浏览器类型与版本

    `navigator.userAgent` 是一个字符串,它包含了关于用户代理(即浏览器)的信息,包括浏览器的名称、版本号以及操作系统等。例如: ``` "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, ...

    ExtJS5学习之Grid与Grid之间的数据拖拽

    在ExtJS 5中,Grid不仅是一个展示数据的容器,还支持通过拖放操作来实现数据的移动和重新排列。 实现Grid与Grid之间的数据拖拽,主要涉及以下几个关键步骤: 1. **配置DragZone和DropZone**:拖放操作的核心在于...

    精通JS脚本之ExtJS框架.part2.rar

    最后利用一个商品信息管理系统和一个企业任务管理系统,向读者演示了ExtJS在实际项目中的应用以及实现流程。  《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以...

    关于extjs中tabPanl关闭后的内存释放

    通过上述方法,可以显著改善ExtJS应用在IE等浏览器中的内存管理状况,减少内存泄露的风险,提升应用稳定性和性能。然而,值得注意的是,这种手动内存管理策略虽能有效应对特定场景下的问题,但在现代浏览器中,由于...

    精通JS脚本之ExtJS框架.part1.rar

    最后利用一个商品信息管理系统和一个企业任务管理系统,向读者演示了ExtJS在实际项目中的应用以及实现流程。  《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以...

    京东2017校招技术类选择题(一).pdf

    这个文档是京东2017年校园招聘技术类选择题的一部分,涵盖了计算机科学和技术的多个领域,包括算法、网络、数据库、操作系统、前端开发和编程语言等。以下是对其中一些知识点的详细解释: 1. **时间复杂度**: - `...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加TabStrip中Tab控件可关闭属性EnableClose(默认为false)以及两个方法GetShowReference和GetHideReference(feedback:anson)。 -修正绑定到Tree的XMLDocument中Icon属性映射错误(feedback:nopnop9)。 -修正...

    最新人事系统技术架构

    - **个性化操作**:系统分为Server库和Client库,其中Client库可以在一定条件下开放Java源代码,方便企业根据自身需求进行定制开发。 综上所述,eHROA-2018嘉企软件开发平台通过一系列先进的技术和设计理念,实现了...

    ExtAspNet_v2.3.2_dll

    -修正extjs最新版本(v3.2.2)中的一个bug,如果下拉列表中存在两个相同的Text,则SelectedValue返回值永远是第一个Text的值(feedback:ben.zhou)。 -应用补丁#6593, #6621(feedback:vbelyaev)。 +修正IE7下Grid分页...

    java面试题综合

    27. 多表操作:在Hibernate中使用SessionFactory的openSession和Transaction,进行批处理。 28. 用户、角色、权限关系:通常采用三表设计,用户表、角色表和权限表,通过中间表关联。 29. Hibernate控制实现:使用...

Global site tag (gtag.js) - Google Analytics