精华内容
下载资源
问答
  • JS获取当前浏览器版本信息

    千次阅读 2017-11-23 15:28:57
    JS获取当前浏览器版本信息

    转载:http://www.jb51.net/article/79764.htm (包含当前主流浏览器


    效果图:



    <!DOCTYPE html>
    <html>
     <head> 
      <title></title> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
      <!-- 引用百度JQuery --> 
      <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
      <script type = "text/javascript" >
          var BrowserMatch = {
              init: function() {
                  this.browser = this.getBrowser().browser || "An Unknown Browser";
                  this.version = this.getBrowser().version || "An Unknown Version";
                  this.OS = this.getOS() || "An Unknown OS";
              },
              getOS: function() {
                  if (navigator.platform.indexOf("Win") != -1) return "Windows";
                  if (navigator.platform.indexOf("Mac") != -1) return "Mac";
                  if (navigator.platform.indexOf("Linux") != -1) return "Linux";
                  if (navigator.userAgent.indexOf("iPhone") != -1) return "iPhone/iPod";
              },
              getBrowser: function() {
                  var rMsie = /(msie\s|trident\/7)([\w\.]+)/;
                  var rTrident = /(trident)\/([\w.]+)/;
                  var rFirefox = /(firefox)\/([\w.]+)/;
                  var rOpera = /(opera).+version\/([\w.]+)/;
                  var rNewOpera = /(opr)\/(.+)/;
                  var rChrome = /(chrome)\/([\w.]+)/;
                  var rSafari = /version\/([\w.]+).*(safari)/;
                  var ua = navigator.userAgent.toLowerCase();
                  var matchBS, matchBS2;
                  matchBS = rMsie.exec(ua);
                  if (matchBS != null) {
                      matchBS2 = rTrident.exec(ua);
                      if (matchBS2 != null) {
                          switch (matchBS2[2]) {
                          case "4.0":
                              return {
                                  browser:
                                  "IE",
                                  version: "8"
                              };
                              break;
                          case "5.0":
                              return {
                                  browser:
                                  "IE",
                                  version: "9"
                              };
                              break;
                          case "6.0":
                              return {
                                  browser:
                                  "IE",
                                  version: "10"
                              };
                              break;
                          case "7.0":
                              return {
                                  browser:
                                  "IE",
                                  version: "11"
                              };
                              break;
                          default:
                              return {
                                  browser:
                                  "IE",
                                  version: "Undefined"
                              };
                          }
                      } else {
                          return {
                              browser: "IE",
                              version: matchBS[2] || "0"
                          };
                      }
                  }
                  matchBS = rFirefox.exec(ua);
                  if ((matchBS != null) && (!(window.attachEvent)) && (!(window.chrome)) && (!(window.opera))) {
                      return {
                          browser: matchBS[1] || "",
                          version: matchBS[2] || "0"
                      };
                  }
                  matchBS = rOpera.exec(ua);
                  if ((matchBS != null) && (!(window.attachEvent))) {
                      return {
                          browser: matchBS[1] || "",
                          version: matchBS[2] || "0"
                      };
                  }
                  matchBS = rChrome.exec(ua);
                  if ((matchBS != null) && ( !! (window.chrome)) && (!(window.attachEvent))) {
                      matchBS2 = rNewOpera.exec(ua);
                      if (matchBS2 == null) {
                          return {
                              browser: matchBS[1] || "",
                              version: matchBS[2] || "0"
                          };
                      } else {
                          return {
                              browser: "Opera",
                              version: matchBS2[2] || "0"
                          };
                      }
                  }
                  matchBS = rSafari.exec(ua);
                  if ((matchBS != null) && (!(window.attachEvent)) && (!(window.chrome)) && (!(window.opera))) {
                      return {
                          browser: matchBS[2] || "",
                          version: matchBS[1] || "0"
                      };
                  }
              }
          };
          BrowserMatch.init();
          // 获取浏览器名:BrowserMatch.browser;
          // 获取浏览器版本:BrowserMatch.version;
          // 获取所处操作系统:BrowserMatch.OS;
          alert("当前浏览器为:" + BrowserMatch.browser +"\n版本为:"+ BrowserMatch.version + "\n所处操作系统为:"+BrowserMatch.OS);
      </script>
     </head> 
     <body>   
     </body>
    </html>

    展开全文
  • JAVA判断当前浏览器版本

    千次阅读 2015-01-30 17:16:36
    JAVA判断当前浏览器版本 实习期间,需要完成一个下载功能,即将当前列表信息,通过转化成word的形式,打印下来。功能完成后,测试阶段,利用IE、360浏览器、Google Chrome下载文件,文件名称均显示正常,然而利用...

    JAVA判断当前浏览器版本

    实习期间,需要完成一个下载功能,即将当前列表信息,通过转化成word的形式,打印下来。功能完成后,测试阶段,利用IE、360浏览器、Google Chrome下载文件,文件名称均显示正常,然而利用Firefox下载时,下载保存的名称出现乱码,由于不同浏览器内核版本不同,在解析时,会出现不一样的问题,推荐一篇介绍浏览器内核区别的文章:各种浏览器内核的区别

    • 具体解决方法

      1 通过request.getHeader()方法获得http的头信息,其中User-Agent属性记录了当前使用的浏览器版本和操作系统信息。
      2 根据不同浏览器版本,进行不同字符转码。

    • 具体实现

      String reqBrowser = req.getHeader("User-Agent");
      通过reqBrowser可以获得不同浏览器的不同信息:

        Firefox:  Mozilla/5.0 (Windows NT 6.1; rv:35.0) Gecko/20100101 Firefox/35.0
        Google Chrome:  Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.93 Safari/537.36
        IE:  Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
        360浏览器: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729)

      String fileName = null;
      Firefox浏览器: if(reqBrowser.toLowerCase().indexOf("firefox")>0)
      fileName= new String(fileid.getBytes("UTF-8"), "ISO8859-1");
      其它浏览器: fileName=URLEncoder.encode(fileid,"UTF-8");

      问题解决

    展开全文
  • 判断ie浏览器版本,当浏览器版本过低时提示升级浏览器,不显示原来页面内容,踩过使用window.write()重写页面的坑,最后使用遮罩层覆盖。

           在新做的pc端项目中,涉及到了浏览器兼容性的问题,由于ie8不支持一些js方法或属性以及样式错乱问题太大,所以我只兼容到了ie9,想在用户ie8及以下版本访问网站时给出提示,并且不显示原来页面内容。


    写这块的时候遇到了很多问题,接下来我一个一个的描述一下,我也是被我自己的蠢惊到哭泣,笑到哭泣。

    1.想使用window.write()来重写页面,但window.wirte()一般情况下是在页面加载时向页面中追加内容,想要覆盖原来内容,就要写在页面加载完成后。因为页面加载完成时浏览器会自动打开输入流,页面自上而下加载,当加载完毕后,输入流自动关闭,而document.wirte()会重新打开一个新的输入流,它将清除当前页面内容(包括源文档的任何变量或值)。显示

    2.此步完成后,当ie版本过低时确实可以实现页面重写,但当我切换ie版本或刷新后并不能显示版本高时应该显示的正常的页面,神坑来了,对,这个神坑就是我自己!我以为是window.onload的问题,我以为刷新页面不能执行window.onload事件,或者是切换版本并不能实现页面刷新,后来经过我的测试,发现切换版本能实现页面刷新,页面刷新也可以再次执行window.onload事件,因为浏览器网页加载的过程是:解析页面生成DOM树,遇到css标签或JS脚本标签就新起线程去下载他们,并继续构建DOM。下载完后解析CSS为CSS规则树,浏览器结合CSS规则树和DOM树生成Render Tree。(详情请见知乎回答:https://www.zhihu.com/question/30218438但window.onload事件是在页面或图像加载完成后立即发生,而在页面刷新机制也是重新加载html css js 文件(详情请见 http://bbs.51cto.com/thread-941693-1.html )刷新页面当然也会重新触发window.onload事件,所以问题并不出现在window.onload事件中。

    3.但是我很纠结,明明我都有判断浏览器版本了,为什么还是会重写页面呢。然后我就开始想啊想,不停刷新页面,在审查元素中观察到,页面的elements元素一直是我重写的页面,所以问题就出现在这里了!并不是我每次刷新都重写了页面,而是我刷新的一直是我重写后的页面!无论怎样刷新,怎样切换浏览器版本,页面现在已经是我重写过的了!自然不会实现切换到正常页面!所以此方法不可行!

    4. 解决方法:

    最后我想的办法是,还是使用document.write()添加内容到当前页面中,当浏览器版本过低时给页面加一个遮罩层,宽高都为html的宽高,就可以把原来要显示的(问题)内容覆盖掉了

    关键代码:
    <!--[if lt IE 9]>
        <script type="text/javascript">
          document.write("<div style='position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; padding-top: 200px;  background-color: #fff'><P  style='font-size: 50px; text-align: center'>请使用高版本IE浏览器或者谷歌浏览器!<br><span style='font-size: 30px;'>ie浏览器推荐下载地址:<a style='color: #343434; text-decoration: underline' href='http://rj.baidu.com/soft/detail/14917.html?ald'>http://rj.baidu.com/soft/detail/14917.html?ald</ a></span><br><span style='font-size: 30px;'>谷歌浏览器推荐下载地址:<a  style='color: #343434; text-decoration: underline' href='http://rj.baidu.com/soft/detail/14744.html?ald'>http://rj.baidu.com/soft/detail/14744.html?ald</ a></span></P></div>")
        </script>
      <![endif]-->

    提示:1.此处应为加的遮罩层加position:fixed;固定它的位置和html的位置是一样的,才会实现覆盖,因为如果使用absolute,浏览器兼容问题导致的内容宽度过大而不能完全覆盖.

    2.此处document.write应该注意wirte()写入的内容不应有空行,而且双引号里的引号一定要是单引号


    最终效果


    展开全文
  • js智能获取浏览器版本UA信息

    千次阅读 2016-07-01 17:55:41
    * 智能获取浏览器版本信息 * */ var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') >

     

    /*
    * 智能获取浏览器版本信息
    *
    */
    var browser={
           versions:function(){
           var u = navigator.userAgent, app = navigator.appVersion;
           return {//移动终端浏览器版本信息
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
            };
         }(),
         language:(navigator.browserLanguage || navigator.language).toLowerCase()
    }

     

     

    展开全文
  • 有的网友反应爱奇艺网页打开上面一部分是黑的,网页内容很乱,有时候右下角还会一闪而过,出现一个提示“啊哦,当前浏览器版本太低了...(>﹏)”,“建议您升级浏览器,享受更好的视听品质”。这是怎么回事呢?其实...
  • 做一个页面,左边显示任意图片,中边显示当前用户使用的浏览器信息浏览器名称,版本, 操作系统),最右边显示时间(嵌入一个显示时间的jsp)
  • 当前浏览器为低版本浏览器,插件不支持IE低版本时候,给出友好提示。 /** 新增公告按钮 */ addNotice () { // 取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; // 判断是否为小于IE11的...
  • JavaScript获取客户端信息
  • 对于前端来说浏览器的型号版本,各个浏览器的兼容是一个不可忽视的问题。下面本人详细罗列了测试方法。请复制代码新建html文件复制后访问。一目了然。 最后富有罗列的一些各个不同浏览器版本号,用于数据参考。 ...
  • 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式获取浏览器...
  • js关闭当前浏览器事件

    千次阅读 2019-04-16 15:10:39
    // 点击元素关闭当前浏览器窗口 function closeEvent(){ if(confirm("您确定要关闭本页吗?")){ debugger window.opener=null; window.open('','_self'); window.location.href="about:blank"; w...
  • 当你打开知乎网页,却看到“你正在使用的浏览器版本过低,将不能正常浏览和使用知乎。”提示(如下图所示),这说明你是时候升级浏览器了!科技发展日新月异,网页技术也是如此,随着技术的发展,网站也会不断更新。...
  • 浏览器获取当前城市和GPS信息

    千次阅读 2019-07-14 15:30:43
    <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2...
  • 使用原生js检测当前IE浏览器版本是否为IE8及一下浏览器版本并做出提示,代码如下: var DEFAULT_VERSION = 8.0; var ua = navigator.userAgent.toLowerCase(); var isIE = ua.indexOf("msie")>-1; var ...
  • 想实现右击tab页新建浏览器页面,然后将当前tab页内容在浏览器新页面显示!怎么把当前页面内容显示在新页面上
  • IE6及其以下版本可见   IE7及其以下版本可见 ...只有IE6版本可见 ...除了IE以外的版本 ...可使用如下代码检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的)  您正在使用IE浏览器
  • 是输入网址的问题, 如果是index的话,会出现提示打开 pageofficeprotocol的界面 输入 http://localhost:8080/maven-springmvc/demo/index ,效果如图: 输入... ...
  • //隐藏下拉框 function SelectHidden() {  if ($.browser.msie && parseInt($.browser.version)  //alert("hello");  $("select").css({ visibility: "hidden" });...//显示下拉框 function S
  • 常用的方法: 高度: document.documentElement.clientHeight 738px 宽度: document.documentElement.clientWidth 886px 效果图: 不废话,贴代码了: <template> <div class="hello">......
  • 1. 在ASP.NET中专用属性: 获取服务器电脑名:Page.Server.ManchineName 获取用户信息:Page.User 获取客户端电脑名:Page.Request.UserHostName 获取客户端电脑IP:Page.Request.UserHostAddress 2....
  • google浏览器显示页面显示不完整bug

    千次阅读 2020-05-19 18:54:17
    页面刷新后之会显示当前一屏的内容,其他部分的需要等待一段时间才会加载出来 找了半天没有找到原因,发现图片有点超出屏幕,于是打算先把样式调好在来调这边的,结果把样式调好就没有问题了 样式上我是使用的...
  • chrome浏览器Flash版本过低解决方法

    万次阅读 2017-07-16 17:11:06
    在用chrome浏览器时有时会出现flash版本过低问题,但升级完Adobe Flash Player还是无法观看网上视频问题,今天刚好遇到,和大家一起分享下。Google浏览器用的是WebKit内核,而不是ie内核,Flash有专门适用于非IE内核...
  • 登录百度账号提示浏览器版本太低,如图: 点击下载webkit内核,然后重启软件即可:
  • safari 浏览器版本升级后提示“此网页出现问题,已重新载入网页” 解决办法 safari回退条件 版本回退的前提是关闭电脑的SIP机制,命令行 csrutil status 检测状态。Mac os 10.14以下版本回退Safari后插件还是可以用...
  • //检测当前窗口是否隐藏状态 function getHiddenProp() { var prefixes = ['webkit','moz','ms','o']; // if 'hidden' is natively supported just return it if ('hidden' in document) retur
  • 当你打开知乎网页,却看到“你正在使用的浏览器版本过低,将不能正常浏览和使用知乎。”提示(如下图所示),这说明你是时候升级浏览器了!科技发展日新月异,网页技术也是如此,随着技术的发展,网站也会不断更新。...
  • 微信浏览器横屏显示问题

    千次阅读 2017-07-07 14:40:00
    移动端html开发,我们常会用到横竖屏的判断做一些事情,比如说播放视频的时候时常使用横竖屏切来切换居中显示和全屏显示,如果你无数次尝试都失败了,请你看到最后,有惊喜哦!!。 一般来说,横竖屏的检测方式有...
  • #获取当前浏览器在屏幕上的位置(坐标) driver.get_window_position() #设置当前浏览器在屏幕上的位置(坐标) driver.set_window_position(x=400,y=200) from selenium import webdriver import unittest import ...
  • 浏览器调试窗口获取当前时间

    千次阅读 2019-03-06 13:52:16
    1、获取当前时间 new Date()打印:Wed Mar 06 2019 13:47:16 GMT+0800 (中国标准时间) 2、获取当前时间的长整型格式 new Date().getTime()打印:1551851164188 3、长整型日期转为日期格式 new Date...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 507,474
精华内容 202,989
关键字:

显示当前浏览器版本信息