<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <title>判断是什么浏览器</title>

    <link rel="stylesheet" href="base.css">

</head>

<body>

    <div  class="box">

        我这里是按钮

    </div>

</body>

</html>

<script>

    var userAgent = navigator.userAgent; // 取得浏览器的userAgent字符串

    console.log(userAgent)

    var isFirefox =  navigator.userAgent.indexOf('Firefox') > -1  // 是否是火狐  ，火狐内核Gecko

    console.log('火狐'+ isFirefox)  // 返回 true  则是 ，false  则不是

    var isWebKit =  navigator.userAgent.indexOf('WebKit') > -1  // 是否是WebKit 内核

    console.log('谷歌内核'+ isWebKit)  // 返回 true  则是，false  则不是

    var isChrome =  navigator.userAgent.indexOf('Chrome') > -1  // 是否是谷歌

    console.log('谷歌'+ isChrome)  // 返回 true  则是 ，false  则不是

    var isOpera =  navigator.userAgent.indexOf('Opera') > -1  // 是否是opera ， opera内核 Presto

    console.log('Opera'+ isOpera)  // 返回 true  则是 ，false  则不是

    var isTrident =  navigator.userAgent.indexOf('Trident') > -1  // 是否是IE内核

    console.log('IE内核'+ isTrident)  // 返回 true  则是 ，false  则不是

    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1  && !isOpera

    console.log('IE '+ isIE)  //判断是否IE浏览器

    //  因为ie10-ie11的版本问题，不再支持document.all判断，所以ie判断函数要重新写

    var isIeL = !!window.ActiveXObject || "ActiveXObject" in window

    console.log('IELLQ '+ isIeL)  //判断是否IE浏览器

    var isIE9 = navigator.userAgent.indexOf("MSIE 9.0")>0

    console.log('IE999 '+ isIE9)  //判断是否IE9  ;如果是其他IE版本，则 MSIE 7.0   MSIE 8.0

    // 判断是否为移动端

    var browser = {

        versions: function() {

            var u = navigator.userAgent;

            return {

            trident: u.indexOf('Trident') > -1, //IE内核

            presto: u.indexOf('Presto') > -1, //opera内核

            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

            gecko: u.indexOf('Firefox') > -1, //火狐内核Gecko

            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端

            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios

            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android

            iPhone: u.indexOf('iPhone') > -1 , //iPhone

            iPad: u.indexOf('iPad') > -1, //iPad

            webApp: u.indexOf('Safari') > -1 //Safari

        };

    }()

}

var isPhone = browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad

console.log('是否为移动端' +isPhone )

// JS判断浏览器是否是IE9以下，处理可能遇到的兼容性问题

if(navigator.appName == "Microsoft Internet Explorer"&&parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE",""))<9){

        console.log("您的浏览器版本过低，请使用IE9及以上版本");

}

</script>

js 判断是什么浏览器、是否为谷歌浏览器的更多相关文章

  1. H5案例分享：使用JS判断客户端、浏览器、操作系统类型

    使用JS判断客户端.浏览器.操作系统类型 一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Androi ...

  2. JS判断是否微信浏览器

    JS判断是否微信浏览器 function isWeixinBrowser(){ var ua = navigator.userAgent.toLowerCase(); return (/microme ...

  3. JS判断不同的浏览器，不同的浏览器版本

    JS判断不同的浏览器,不同的浏览器版本

  4. 用js判断操作系统和浏览器类型

    判断操作系统和浏览器的js代码 navigator.userAgent:userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值.    navigator.pla ...

  5. js判断用户的浏览器设备是移动端还是pc端

    最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式,主要是判断移动设备还是电脑浏览器访问的. 下面给出js判断处理代码,以作参考. <script type="te ...

  6. JS判断客户端、浏览器、操作系统

    一.JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. 方法一: var u = navigator.us ...

  7. 使用JS判断客户端、浏览器、操作系统类型

    一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. 核心代码如下: 方法一: &l ...

  8. js判断操作系统与浏览器

    摘要: 对于前端开发我们最重要的工作就是兼容性,系统的兼容性,浏览器的兼容性等等.今天分享一个我在项目中封装的判断操作系统与浏览器的方法. 操作系统: var os = (function() { v ...

  9. js 判断是什么浏览器加载页面

    一.Navigator 属性: 1)appcodeName  返回浏览器代码名 2)appminorVersion  返回浏览器次级版本 3)appname  返回浏览器名称 4)browserLan ...

随机推荐

  1. 3 pyspark学习---sparkContext概述

    1 Tutorial Spark本身是由scala语言编写,为了支持py对spark的支持呢就出现了pyspark.它依然可以通过导入Py4j进行RDDS等操作. 2 sparkContext (1) ...

  2. roguelike地图的随机生成算法

    如果要想自己设计一个roguelike游戏,那么需要你有一个随机地图生成,我在indienova上看到一篇文章,描述了一个roguelike算法,然后自己用unity实现了一个下. 原文地址:随机生成 ...

  3. flex+blazeds

    BlazeDS开发指南: http://www.cnblogs.com/xia520pi/archive/2012/05/26/2519343.html 使用BlazeDS实现Flex和Java通信 ...

  4. 打造个人IP: 开源项目网站构建框架

    前言 您是否正在寻找有关如何创建博客网站: 个人博客 或者 开源项目官网 : Dubbo, Vue.js的构建框架? 在这篇文章我将向您展示如何创建一个美观并且实用的开源博客/开源项目官网构建框架!近 ...

  5. RXSwift01

    //创建 Observable 序列 func createObservable(){ /* let observable = Observable<Int>.just(5) let ob ...

  6. OPENGL_单位长度对应屏幕像素

    gluPerspective(GLdouble fovy,GLdouble aspect,GLdouble zNear,GLdouble zFar) fovy:视角,指定视景体的视野的角度,以度数为单 ...

  7. Alcatraz -- 一个神奇的管理插件的Xcode插件

    Install Paste this into your terminal: curl -fsSL https://raw.githubusercontent.com/supermarin/Alcat ...

  8. mybits like查询写法

    1.mysql :LIKE CONCAT('%',#{empname},'%' ) 或者 LIKE CONCAT('%',‘${empname}’,'%' ) 2.oracle:LIKE '%'||# ...

  9. 51Nod 1126 求递推序列的第N项（矩阵快速幂）

    #include <iostream> #include <algorithm> #include <cmath> #define MOD 7 #define N ...

  10. SpringBoot | Hibernate @Transient 注解

    在默认情况下,持久化类的所有属性会自动映射到数据表的数据列.如果在实际应用中,不想持久保存某些属性,则可以考虑使用@Transient来修饰它们. 如果一个属性并非数据库表的字段映射,就务必将其标示为 ...