javascript 浏览器类型和版本号检测代码(兼容多浏览器)

更新时间：2010年04月15日 20:15:14 作者：

果对javascript了解不是特别深入的话,很容易就会写出不兼容的代码(就像我),这时候就得判断浏览器了。比如事件侦听、一些鼠标和键盘事件、Range等,一些都会不一样.下面列出几种常用的检测浏览器方法，以飨观众!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>javascript检测浏览器类型和版本号（兼容各浏览器） </title> <script language="javascript" type="text/javascript"> var uA = navigator.userAgent; var browserType = "unknown"; if (uA.indexOf("Opera") > -1) { browserType = "Opera"; } else if (uA.indexOf("Safari") > -1) { browserType = "Safari"; } else if (uA.indexOf("Konqueror") > -1) { browserType = "Konqueror"; } else if (uA.indexOf("Gecko") > -1) { browserType = "Mozilla"; } else if (uA.indexOf("MSIE") > -1) { browserType = "Internet Explorer"; } //window.alert(browserType); document.write(browserType); document.write(""); document.write(document.lastModified); //显示页面的修改日期 document.write(""); document.write(navigator.userAgent); //显示客户端环境参数 document.write(""); document.write("h,w:"+screen.availHeight+"x"+screen.availWidth+"pixels");//测定显示器大小 //显示器大小 function screenWH(){ var getscreen=document.getElementById('screenWH'); getscreen.value=screen.availHeight+"x"+screen.availWidth; var divscreen=document.getElementById('screensWH'); divscreen.value=screen.availHeight+"x"+screen.availWidth+"pixels"; //window.screen.height+"+"+window.screen.width; } </script> </head> <body onload="javascript:screenWH();"> <input type="text" id="screenWH"/> <input type='button' onclick='notEmpty()' value='Form Checker' />  <div id="screensWH"></div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

相关文章：
javascript 检测浏览器类型和版本的代码
javascript 浏览器检测代码精简版
JavaScript 判断浏览器类型及版本

您可能感兴趣的文章:

Javascript操作URL函数修改版
一个非常不错的Javascript操作URL函数可以新增，修改，删除 URL参数
2013-11-11
ECharts多图表联动功能的实现过程
echarts是非常好用的图表插件,下面这篇文章主要给大家介绍了关于ECharts多图表联动功能的相关资料,需要的朋友可以参考下
2021-06-06
Bootstrap基本插件学习笔记之标签切换(17)
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之标签切换的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
js调用后台、后台调用前台等方法总结
这篇文章主要对js调用后台，后台调用前台等方法做个总结,需要的朋友可以参考下
2014-04-04
WebGL 多重纹理的使用介绍
这篇文章主要为大家介绍了WebGL 多重纹理的使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
JS中fetch()用法实例详解
在JS中使用fetch更加高效地进行网络请求,下面这篇文章主要给大家介绍了关于JS中fetch()用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09
小程序云开发如何实现图片上传及发表文字
这篇文章主要为大家详细介绍了小程序云开发教程，如何实现图片上传及发表文字，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-05-05
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
这篇文章主要介绍了微信小程序点击按钮动态切换input的disabled禁用/启用状态功能，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-03-03
javascript 获取iframe里页面中元素值的方法
本篇文章主要是对javascript获取iframe里页面中元素值的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
微信小程序缓存过期时间的相关设置(推荐)
这篇文章主要介绍了微信小程序缓存过期时间的相关知识，主要包括微信小程序缓存机制介绍及哪些是一定需要过期的缓存，本文给大家介绍的非常详细,需要的朋友可以参考下
2022-07-07