zoukankan      html  css  js  c++  java
  • 纯JS判断各种浏览器类型及版本.

    IE11或者非IE

    if (!document.all) {
        alert('IE11+ or not IE');
    }

    IE10

    if (document.all && document.addEventListener && window.atob) {
        alert('IE10');
    }

    IE9

    if (document.all && document.addEventListener && !window.atob) {
        alert('IE9');
    }

    IE8

    if (document.all && document.querySelector && !document.addEventListener) {
        alert('IE8');
    }

    IE7

    if (document.all && window.XMLHttpRequest && !document.querySelector) {
        alert('IE7');
    }

    IE6

    if (document.all && document.compatMode && !window.XMLHttpRequest) {
        alert('IE6');
    }

    判断各种浏览器类型及版本:

    var  browser = {};
                var  userAgent = navigator.userAgent.toLowerCase();
                var  s;
                (s = userAgent.match(/msie ([d.]+)/)) ? browser.ie = s[1] :
                (s = userAgent.match(/firefox/([d.]+)/)) ? browser.firefox = s[1] :
                (s = userAgent.match(/chrome/([d.]+)/)) ? browser.chrome = s[1] :
                (s = userAgent.match(/opera.([d.]+)/)) ? browser.opera = s[1] :
                (s = userAgent.match(/version/([d.]+).*safari/)) ? browser.safari = s[1] : 0;
                var  version;
                if  (browser.ie) {
                    version ='ie'+ browser.ie;
                } else if  (browser.firefox) {
                    version = 'firefox '  + browser.firefox;
                } else if  (browser.chrome) {
                    version = 'chrome '  + browser.chrome;
                } else if  (browser.opera) {
                    version = 'opera '  + browser.opera;
                } else if  (browser.safari) {
                    version = 'safari '  + browser.safari;
                } else {
                    version = '未知浏览器' ;
                }
                return  version;
  • 相关阅读:
    CSS学习笔记-盒子阴影及文字阴影
    CSS学习笔记-2D转换模块
    CSS学习笔记-过度模块-编写过渡效果
    CSS学习笔记-过渡模块
    Unity3D_Transform_位置、角度、缩放及其他
    微信小程序实现生成画报并且实现下载功能
    前端知识点
    vue导出excel表格用到的两个文件
    react 的高阶组件
    代理的配置
  • 原文地址:https://www.cnblogs.com/cnsevennight/p/4236700.html
Copyright © 2011-2022 走看看