第一百四十节,JavaScript,封装库--浏览器检测
2023-09-14 08:58:24 时间
JavaScript,封装库--浏览器检测
在函数库编写一个,浏览器检测对象
/** sys浏览器检测对象,对象下有两个属性,liu_lan_qi属性和xi_tong属性 * liu_lan_qi属性,检测浏览器名称和版本号,如:alert(sys.liu_lan_qi); * xi_tong属性,检测浏览器运行环境,如:alert(sys.xi_tong); **/ (function () { //闭包,自我执行 window.sys = {}; //全局变量对象,保存浏览器信息 var ua = navigator.userAgent.toLowerCase(); //获取浏览器信息,并转化成小写 var s = []; //浏览器信息数组 /**判断IE浏览器**/ if ((/msie ([\d.]+)/).test(ua)) { //IE10以下判断字段为:msie x版本号 s = ua.match(/msie ([\d.]+)/); //如果有获取到msie x版本号返回数组 sys.liu_lan_qi = '浏览器为IE:' + s[1]; //向sys对象添加liu_lan_qi属性,属性值等于获取到的数组第二个元素 } else if ((/trident/).test(ua)) { //ie10以上判断字段为:trident s = ua.match(/rv:([\d.]+)/); //如果有获取到trident字段返回数组 sys.liu_lan_qi = '浏览器为IE:' + s[1]; } /**判断火狐浏览器**/ if ((/firefox\/([\d.]+)/).test(ua)) { //火狐判断字段为:firefox s = ua.match(/firefox\/([\d.]+)/); sys.liu_lan_qi = '浏览器为firefox:' + s[1]; } /**判断谷歌浏览器**/ if ((/chrome\/([\d.]+)/).test(ua)) { //谷歌判断字段为:chrome s = ua.match(/chrome\/([\d.]+)/); sys.liu_lan_qi = '浏览器为chrome:' + s[1]; } /**判断Opera浏览器**/ if ((/opera\/.*version\/([\d.]+)/).test(ua)) { //谷歌判断字段为:opera 与 version s = ua.match(/opera\/.*version\/([\d.]+)/); sys.liu_lan_qi = '浏览器为Opera:' + s[1]; } /**判断Opera浏览器**/ if ((/version\/([\d.]+).*safari/).test(ua)) { //谷歌判断字段为:version 与 safari s = ua.match(/version\/([\d.]+).*safari/); sys.liu_lan_qi = '浏览器为Opera:' + s[1]; } /**判断系统**/ if (Boolean(navigator.platform)) { sys.xi_tong = '环境系统为:' + navigator.platform; } else { alert("无法检测到环境系统") } })();
前台js代码
alert(sys.liu_lan_qi);
alert(sys.xi_tong);
相关文章
- javascript 基础_JavaScript高级编程
- javascript trim_stripslashes()函数的作用
- JavaScript刷LeetCode拿offer-贪心算法
- JavaScript数据类型
- 详解JavaScript 执行机制
- 使用Modello编写JavaScript类
- 国外JavaScript经典封装集合整理
- javascript实现爱你在FFIE下都有效的添加一个项目
- javascript下拉框显示当前日期
- Javascript常用运算符(Operators)-javascript基础教程
- javascript得到XML某节点的子节点个数的脚本
- Javascript阻止javascript事件冒泡,获取控件ID值
- JavaScript正则表达式验证整数、小数、实数、有效位小数最简单
- xml封装与解析(javascript和C#中)
- javascript面向对象全新理练之数据的封装
- JavaScript加号(+)运算符号
- javascript对XMLHttpRequest异步请求的面向对象封装
- Javascript学习笔记9prototype封装继承
- JavaScript联动的无限级封装类,数据采用非Ajax方式,随意添加联动
- JavaScript事件处理程序(事件侦听器)
- Javascript异步加载详解(浏览器在javascript的加载方式)
- Javascript中判断变量是数组还是对象(array还是object)
- Javascript中匿名函数的多种调用方式总结
- Javascript中的回调函数和匿名函数的回调示例介绍
- 原生Javascript封装的一个AJAX函数分享
- 再谈javascript原型继承
- 使用Chrome调试JavaScript的断点设置和调试技巧
- JavaScript中window.showModalDialog()用法详解
- JavaScript中伪协议javascript:使用探讨
- 把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数