<!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. 【网络爬虫】【java】微博爬虫（三）：庖丁解牛——HTML结构分析与正则切分

    在上一篇文章中已经通过请求的url地址把html页面爬取下来了,这里分别以网易微博的html和新浪微博的html为例来分析如何提取微博数据. 一.网易微博解析 相比新浪微博的html结构,网易微博的比 ...

  2. struts2 中的 addActionError 、addFieldError、addActionMessage的方法

    addActionError .addFieldError.addActionMessage都是ActionSupport的方法 一.addActionError("错误内容"): ...

  3. python 三元表达式 列表推导式，生成器表达式。递归，匿名函数， 内置函数

    三元表达式 三元表达式仅应用于: 1.条件成立返回一个值 2.条件不成立返回一个值 res = x if x>y else y print(res) name= input("姓名&g ...

  4. c# 调用 webservices (转载)

    .net 调用webservice 总结 最近做一个项目,由于是在别人框架里开发app,导致了很多限制,其中一个就是不能直接引用webservice . 我们都知道,调用webserivice 最简单 ...

  5. LeetCode: 476 Number Complement(easy)

    题目: Given a positive integer, output its complement number. The complement strategy is to flip the b ...

  6. 《剑指offer》面试题7—用两个栈实现队列

    题目:给出队列声明,要求实现AppendTail和DeleteHead函数. template <typename T>class CQueue{public: void AppendTa ...

  7. 洛谷 - P2551 - 华夏60战斗机 - 简单dp

    https://www.luogu.org/problemnew/show/P2551 首先这道题没有给Hm的最大值,很坑,只能随便开一个100没想到还过了. 观察题目,发现虽然高度可以变化,但是速度 ...

  8. JavaScript代码风格和分号使用问题

    1.推荐代码风格 JavaScript Standard Style  规定相对松散更多人使用此规范 Airbnb JavaScript Style  规定更严格但也没毛病 2.JavaScript代 ...

  9. HDU3279【水】

    思路: 求数组里的第三大: #include <bits/stdc++.h> using namespace std; typedef long long LL; int a[15]; i ...

  10. UpdateObjectClient 空白目录有问题

    UpdateObjectClient 如果目标文件夹下面有空白目录的话 有可能造成无法下载所有文件