如何利用js识别不同的浏览器

如果想测试某个浏览器的特征可以通过如下方法获取

JS获取浏览器信息

浏览器代码名称:navigator.appCodeName

浏览器名称:navigator.appName

浏览器版本号:navigator.appVersion

对Java的支持:navigator.javaEnabled()

MIME类型(数组):navigator.mimeTypes

系统平台:navigator.platform

插件(数组):navigator.plugins

用户代理:navigator.userAgent

比较全的

 1 <script type="text/javascript">
 2 document.write(‘浏览器判別:‘);
 3 var OsObject=navigator.userAgent;
 4 // 包含「Opera」文字列
 5 if(OsObject.indexOf("Opera") != -1)
 6 {
 7    document.write(‘您的浏览器是Opera吧?‘);
 8 }
 9 // 包含「MSIE」文字列
10 else if(OsObject.indexOf("MSIE") != -1)
11 {
12    document.write(‘您的浏览器是Internet Explorer吧?‘);
13 }
14 // 包含「chrome」文字列 ,不过360浏览器也照抄chrome的UA
15
16 else if(OsObject.indexOf("Chrome") != -1)
17 {
18   document.write(‘您的浏览器是chrome或360浏览器吧?‘);
19 }
20 // 包含「UCBrowser」文字列
21 else if(OsObject.indexOf("UBrowser") != -1)
22 {
23   document.write(‘您的浏览器是UBrowser吧?‘);
24 }
25 // 包含「BIDUBrowser」文字列
26 else if(OsObject.indexOf("BIDUBrowser") != -1)
27 {
28   document.write(‘您的浏览器是百度浏览器吧?‘);
29 }
30 // 包含「Firefox」文字列
31 else if(OsObject.indexOf("Firefox") != -1)
32 {
33   document.write(‘您的浏览器是Firefox吧?‘);
34 }
35 // 包含「Netscape」文字列
36 else if(OsObject.indexOf("Netscape") != -1)
37 {
38   document.write(‘您的浏览器是Netscape吧?‘);
39 }
40 // 包含「Safari」文字列
41 else if(OsObject.indexOf("Safari") != -1)
42 {
43    document.write(‘您的浏览器是Safari 吧?‘);
44 }
45 else{
46   document.write(‘无法识别的浏览器。‘);
47 }
48 </script>
时间: 2024-10-10 09:30:54

如何利用js识别不同的浏览器的相关文章

用JS识别各版本浏览器

原文:用JS识别各版本浏览器 自昨天发了各浏览器内核介绍的随笔,就闲不住了,想直接写个JS来识别用户所用浏览器版本. 写着写着却发现很多坑爹的地方,比如IE10-的版本是依循常规只支持attachEvent而不支持addEventListener,但到了IE11,却反过来只支持addEventListener而不支持attachEvent.光是这一点就可以判断IE是个大坑,IE11的存在可能会导致之前你写过的代码出现错乱.另如原本可用 var ieVersion = eval("''+/*@cc

用js识别是否360浏览器

360浏览器说实话比较恶,以前可以通过内核返回的字符串判定是否包含"360"字样的方法来判定 如以下代码 window.navigator.userAgent.indexOf('360')!=-1 但360浏览器某次更新后,内核显示的字符串已经和IE浏览器是一样的了,导致无法判断是IE还是360.但有人又说了,既然是一样IE的内核,不需要单独判定是不是360的,我说这些人站着说话不腰疼,不知道他们有没有编写过一些代码,发现在IE和360浏览器的表现行为是不一样的.因此,这个判断还是有必

浏览器兼容处理(HTML条件注释、CSSHack和JS识别)

前面的话 本文中所有IEx+代表包含x及x以上:IEx-代表包含x及x以下,仅个人习惯.例:IE7+代表IE7.IE8…… 本文中所有例子全部经过测试,欢迎交流. HTML识别 条件注释法(IE10+已经不支持条件注释) [注意]两个--和左中括号[之间不能有空格,否则无效 [1]IE9-(<!--[if IE]><![endif]-->) <!DOCTYPE html> <html lang="en"> <head> <

浅谈移动端的自适应问题——响应式、rem/em、利用Js动态实现移动端自适应

随着3G的普及,越来越多的人使用手机上网.移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?本篇文章将讲述自适应网页设计的概念和方法,使网页开发人员维护同一个网页代码,即可使网站在多种设备上具有更好的阅读体验.本文详细介绍了自适应网页的实现方法,希望能给迷惑的你带来帮助. 一. 在HTML的头部加入meta标签 在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,

拖拽系列二、利用JS面向对象OOP思想实现拖拽封装

接着上一篇拖拽系列一.JavaScript实现简单的拖拽效果这一篇博客将接着对上一节实现代码利用JS面向对象(OOP)思维对上一节代码进行封装; 使其模块化.避免全局函数污染.方便后期维护和调用:写到这里突然想起一句话“没有任何一个题目是彻底完成的.总还会有很多事情可做......” 我想这句话程序开发大概也适用吧,前端开发人员总是可以结合自己之前学到“拖拽”相关知识,不断扩展.完善.无穷无尽.......     利用匿名函数自执行实现封装 ;(function(){ //do somethi

JS魔法堂:浏览器模式和文档模式怎么玩?

一.前言 从IE8开始引入了文档兼容模式的概念,作为开发人员的我们可以在开发人员工具中通过“浏览器模式”和“文档模式”(IE11开始改为“浏览器模式”改成更贴切的“用户代理字符串”)品味一番,它的出现极大地方便了苦逼的前端攻城狮们适配各版本的IE,但jser们也不能完全信任它,因为它只是提供尽可能的文档模式模拟而已. 本篇大部分内容来源于官方解说:http://msdn.microsoft.com/library/cc288325(v=vs.85).aspx,并尽量融入个人平常工作中踩过的坑加以

利用JS实现图片的缓存

web页面使用HTML的<img>元素来嵌入图片,和所有HTML元素一样,<img>元素也是可以通过脚本来操控的(设置元素的src属性,将其指向一个新的URL会导致浏览器载入并展示一张新的图片).为了让图片缓存起来,客户端JS定义了一个API,首先利用Image()构造函数来创建一个屏幕外图片对象,之后将该对象的src属性设置 期望的URL,由于图片元素并没有添加到文档中,因此它是不可见的,但是浏览器还是会加载图片并将其缓存起来. //需要预加载的图片路径存放在数组里 var im

js快速判断IE浏览器(兼容IE10与IE11)

在很多时候,我们一般采用navigator.userAgent和正则表达来判断IE浏览器版本,下面介绍用IE浏览器中不同特性来判断IE浏览器   1 判断IE浏览器与非IE 浏览器 IE浏览器与非IE浏览器的区别是IE浏览器支持ActiveXObject,但是非IE浏览器不支持ActiveXObject.在IE11浏览器还没出现的时候我们判断IE和非IE经常是这么写的 ? 1 2 3 function isIe(){        return window.ActiveXObject ? tr

利用JS实现闪烁字体

以下为在JSP文件中,利用JS实现闪烁字体的代码: HTML代码: 1 <div id="blink">一段会闪烁的字</div> JavaScript代码: 1 <script type="text/javascript"> 2 function changeColor() { 3 var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"