js如何判断浏览器

Posted 2023-04-04

<script type=“text/javascript”>

function isIE()
return navigator.appName.indexOf(“Microsoft Internet Explorer”)!=-1 && document.all;


function isIE6()
return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 6.0″)==“-1″?false:true;


function isIE7()
return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 7.0″)==“-1″?false:true;


function isIE8()
return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 8.0″)==“-1″?false:true;


function isNN()
return navigator.userAgent.indexOf(“Netscape”)!=-1;


function isOpera()
return navigator.appName.indexOf(“Opera”)!=-1;


function isFF()
return navigator.userAgent.indexOf(“Firefox”)!=-1;


function isChrome()
return navigator.userAgent.indexOf(“Chrome”) > -1;

</script>

下面介绍下 js获取客户端浏览器信息

Navigator 对象包含有关浏览器的信息。js就是通过Navigator的属性获取客户端浏览器信息
Navigator 对象属性：

属性
描述

appCodeName 返回浏览器的代码名。
appMinorVersion 返回浏览器的次级版本。
appName 返回浏览器的名称。
appVersion 返回浏览器的平台和版本信息。
browserLanguage 返回当前浏览器的语言。
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass 返回浏览器系统的 CPU 等级。
onLine 返回指明系统是否处于脱机模式的布尔值。
platform 返回运行浏览器的操作系统平台。
systemLanguage 返回 OS 使用的默认语言。
userAgent 返回由客户机发送服务器的 user-agent 头部的值。
userLanguage 返回 OS 的自然语言设置。 参考技术A JS获取浏览器信息
浏览器代码名称：navigator.appCodeName
浏览器名称：navigator.appName
浏览器版本号：navigator.appVersion
对Java的支持：navigator.javaEnabled()
MIME类型（数组）：navigator.mimeTypes
系统平台：navigator.platform
插件（数组）：navigator.plugins
用户代理：navigator.userAgent

获取浏览器类型，就是对上述信息（一般使用userAgent）进行分析来得到的
下面是一个简单地示例代码：
function getBrowserType()

var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0)
return "MSIE";

if(navigator.userAgent.indexOf("Firefox")>0)
return "Firefox";

if(navigator.userAgent.indexOf("Safari")>0)
return "Safari";

if(isCamino=navigator.userAgent.indexOf("Camino")>0)
return "Camino";

if(navigator.userAgent.indexOf("Gecko/")>0)
return "Gecko";
else
return 'Others';

本回答被提问者和网友采纳

js如何判断类型？

typeof 是一个操作符，其右侧跟一个一元表达式，并返回这个表达式的数据类型。返回的结果用该类型的字符串(全小写字母)形式表示，包括以下 7 种：number、boolean、symbol、string、object、undefined、function 等。

有些时候，typeof 操作符会返回一些令人迷惑但技术上却正确的值：

对于基本类型，除 null 以外，均可以返回正确的结果。

对于引用类型，除 function 以外，一律返回 object 类型。

对于 null ，返回 object 类型。

对于 function 返回  function 类型。

其中，null 有属于自己的数据类型 Null ， 引用类型中的 数组、日期、正则 也都有属于自己的具体类型，而 typeof 对于这些类型的处理，只返回了处于其原型链最顶端的 Object 类型，没有错，但不是我们想要的结果。

参考技术A 如何判断js中的数据类型：typeof、instanceof、 constructor、 prototype方法比较

如何判断js中的类型呢，先举几个例子：

var a = "iamstring.";

var b = 222;

var c= [1,2,3];

var d = new Date();

var e =
function()alert(111);;

var f =
function()this.name="22";;

最常见的判断方法：typeof

alert(typeof a)
------------> string

alert(typeof b)
------------> number

alert(typeof c)
------------> object

alert(typeof d)
------------> object

alert(typeof e)
------------> function

alert(typeof f)
------------> function

其中typeof返回的类型都是字符串形式，需注意，例如：

alert(typeof a == "string")
-------------> true

alert(typeof a == String)
---------------> false

另外typeof
可以判断function的类型；在判断除Object类型的对象时比较方便。

判断已知对象类型的方法： instanceof

alert(c instanceof Array)
---------------> true

alert(d instanceof
Date)

alert(f instanceof Function)
------------> true

alert(f instanceof function)
------------> false

注意：instanceof
后面一定要是对象类型，并且大小写不能错，该方法适合一些条件选择或分支。

根据对象的constructor判断：
constructor

alert(c.constructor ===
Array) ----------> true

alert(d.constructor === Date)
-----------> true

alert(e.constructor ===
Function) -------> true

注意： constructor 在类继承时会出错

eg,

function A();

function B();

A.prototype = new B(); //A继承自B

var aObj = new A();

alert(aobj.constructor === B) ----------->
true;

alert(aobj.constructor === A) ----------->
false;

而instanceof方法不会出现该问题，对象直接继承和间接继承的都会报true：

alert(aobj instanceof B) ---------------->
true;

alert(aobj instanceof B) ---------------->
true;

言归正传，解决construtor的问题通常是让对象的constructor手动指向自己：

aobj.constructor = A;
//将自己的类赋值给对象的constructor属性

alert(aobj.constructor === A) ----------->
true;

alert(aobj.constructor === B) ----------->
false; //基类不会报true了;

通用但很繁琐的方法： prototype

alert(Object.prototype.toString.call(a) === ‘[object String]’)
-------> true;

alert(Object.prototype.toString.call(b) === ‘[object Number]’)
-------> true;

alert(Object.prototype.toString.call(c) === ‘[object Array]’)
-------> true;

alert(Object.prototype.toString.call(d) === ‘[object Date]’)
-------> true;

alert(Object.prototype.toString.call(e) === ‘[object Function]’)
-------> true;

alert(Object.prototype.toString.call(f) === ‘[object Function]’)
-------> true;

大小写不能写错，比较麻烦，但胜在通用。

通常情况下用typeof
判断就可以了，遇到预知Object类型的情况可以选用instanceof或constructor方法，简单总结下，挖个坑，欢迎补充！ 参考技术B 判断方法：typeof()，instanceof，Object.prototype.toString.call()等 参考技术C console.log(typeof aaa);