Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
- /**
- * @author hechen
- */
- var gs = {
- /**获得屏幕宽度**/
- ScreenWidth: function () {
- return window.screen.width;
- },
- /***获得屏幕高度**/
- ScreenHeight: function () {
- return window.screen.height;
- },
- /**获得浏览器***/
- Browse: function () {
- var browser = {};
- var userAgent = navigator.userAgent.toLowerCase();
- var s;
- (s = userAgent.match(/msie ([\d.]+)/)) ? browser.ie = s[1] : (s = userAgent.match(/firefox\/([\d.]+)/)) ? browser.firefox = s[1] : (s = userAgent.match(/chrome\/([\d.]+)/)) ? browser.chrome = s[1] : (s = userAgent.match(/opera.([\d.]+)/)) ? browser.opera = s[1] : (s = userAgent.match(/version\/([\d.]+).*safari/)) ? browser.safari = s[1] : 0;
- var version = "";
- if (browser.ie) {
- version = 'IE ' + browser.ie;
- }
- else {
- if (browser.firefox) {
- version = 'firefox ' + browser.firefox;
- }
- else {
- if (browser.chrome) {
- version = 'chrome ' + browser.chrome;
- }
- else {
- if (browser.opera) {
- version = 'opera ' + browser.opera;
- }
- else {
- if (browser.safari) {
- version = 'safari ' + browser.safari;
- }
- else {
- version = '未知浏览器';
- }
- }
- }
- }
- }
- return version;
- },
- /**获得操作系统***/
- ClientOs: function () {
- var sUserAgent = navigator.userAgent;
- var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
- var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
- if (isMac)
- return "Mac";
- var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
- if (isUnix)
- return "Unix";
- var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
- if (isLinux)
- return "Linux";
- if (isWin) {
- var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
- if (isWin2K)
- return "Win2000";
- var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
- if (isWinXP)
- return "WinXP";
- var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
- if (isWin2003)
- return "Win2003";
- var isWinVista = sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
- if (isWinVista)
- return "WinVista";
- var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
- if (isWin7)
- return "Win7";
- }
- return "other";
- },
- /****获得客户端ID****/
- ClientID: function (name) {
- var cookies = document.cookie.split(";");
- var value = "";
- for (var i = 0; i < cookies.length; i++) {
- var temp = cookies[i].split("=");
- var tempValue = temp[0].replace(/(^\s*)|(\s*$)/g, "");
- if (tempValue == name) {
- value = unescape(temp[1]);
- break;
- }
- }
- return value;
- },
- /****获得商品ID****/
- SearchGid: function () {
- var url = window.location.href;
- var value = "";
- if (url != undefined && url != "") {
- url.replace(/-\d+-/, function (a, b, c) {
- if (a != undefined && a != "" && a.length > 2) {
- value = a.substring(1, a.length - 1);
- }
- });
- }
- return value;
- },
- /****获得站内搜索关键字****/
- SearchKey: function () {
- var url = window.location.href;
- var value = "";
- if (url != undefined && url != "") {
- url.replace(/[=].*/, function (a, b, c) {
- if (a != undefined && a != "" && a.length > 1) {
- value = a.substring(1);
- }
- });
- }
- return value;
- },
- /**获得商品分类搜索编号**/
- SearchCategory: function () {
- var url = window.location.href;
- var value = "";
- if (url != undefined && url != "") {
- url.replace(/-\d+/, function (a, b, c) {
- if (a != undefined && a != "" && a.length > 1) {
- value = a.substring(1);
- }
- });
- }
- return value;
- },
- /****站外搜索 Google 百度*****/
- SearchSite: function (type) {
- var referrer = document.referrer;
- if (referrer != undefined && referrer != "") {
- if ("google" == type) {
- url.replace(new RegExp("(?:^|/?|&)q=([^&]*)(?:&|$)"), function (a, b, c) {
- if (this._ch != undefined && a != undefined && a.length > 0) {
- a = a.substring(a.indexOf("=") + 1, a.length - 1);
- return a;
- }
- });
- } else if ("baidu" == type) {
- url.replace(new RegExp("(?:^|/?|&)wd=([^&]*)(?:&|$)"), function (a, b, c) {
- if (this._ch != undefined && a != undefined && a.length > 0) {
- a = a.substring(a.indexOf("=") + 1, a.length - 1);
- return a;
- }
- });
- } else if ("sogou" == type) {
- url.replace(new RegExp("(?:^|/?|&)query=([^&]*)(?:&|$)"), function (a, b, c) {
- if (this._ch != undefined && a != undefined && a.length > 0) {
- a = a.substring(a.indexOf("=") + 1, a.length - 1);
- return a;
- }
- });
- } else if ("bing" == type) {
- url.replace(new RegExp("(?:^|/?|&)q=([^&]*)(?:&|$)"), function (a, b, c) {
- if (this._ch != undefined && a != undefined && a.length > 0) {
- a = a.substring(a.indexOf("=") + 1, a.length - 1);
- return a;
- }
- });
- }
- }
- return "";
- },
- /******将值插入到数组中*********/
- PushValue: function (key, value) {
- if (this._ch != undefined) {
- this._ch[key] = value;
- }
- },
- /***自定义参数**/
- Param: function (value) {
- if (this._ch != undefined) {
- this._ch["_ps"] = value;
- }
- },
- /******提交数据到后台**********/
- PostData: function () {
- $.ajax({
- url: "http://localhost:28482/Ajax/StatActions.aspx?t=" + Math.random(),
- type: "post",
- data: this._ch,
- success: function (data) { }
- });
- },
- /***初始化**/
- Init: function () {
- if (this._ch != undefined) {
- this._ch = undefined;
- }
- this._ch = {};
- if (this._Reg != undefined) {
- this._Reg = undefined;
- }
- //初始化正则表达式 匹配URL
- this._Reg = new Array();
- this._Reg[0] = "http://www.google.com.hk(.*)";
- this._Reg[1] = "http://www.baidu.com(.*)";
- this._Reg[2] = "http://www.sogou.com(.*)";
- this._Reg[3] = "http://cn.bing.com(.*)";
- //分析URL参数
- var hostURL = window.location.href;
- if (hostURL != undefined && hostURL != "") {
- if ((new RegExp(this._Reg[4])).test(hostURL)) {
- this._ch["_gid"] = this.SearchGid();
- } else if ((new RegExp(this._Reg[7])).test(hostURL)) {
- } else if ((new RegExp(this._Reg[5])).test(hostURL)) {
- this._ch["_cid"] = this.SearchCategory();
- } else if ((new RegExp(this._Reg[6])).test(hostURL)) {
- this._ch["_key"] = this.SearchKey();
- }
- this._ch["_tu"] = hostURL;
- }
- var referrer = document.referrer;
- if (referrer != undefined && referrer != "") {
- if ((new RegExp(this._Reg[0])).test(referrer)) {
- this._ch["_key"] = this.SearchSite("google");
- } else if ((new RegExp(this._Reg[1])).test(referrer)) {
- this._ch["_key"] = this.SearchSite("baidu");
- } else if ((new RegExp(this._Reg[2])).test(referrer)) {
- this._ch["_key"] = this.SearchSite("sogou");
- } else if ((new RegExp(this._Reg[3])).test(referrer)) {
- this._ch["_key"] = this.SearchSite("bing");
- }
- this._ch["_su"] = referrer;
- }
- //获取客户端相关信息
- this._ch["_sw"] = this.ScreenWidth();
- this._ch["_sh"] = this.ScreenHeight();
- this._ch["_bw"] = this.Browse();
- this._ch["_cs"] = this.ClientOs();
- this._ch["_mid"] = this.ClientID("from_channelid");
- this._ch["_ctid"] = this.ClientID("ClientKey");
- },
- _ch: undefined,
- _Reg: undefined
userAgent 是 navigator 对象的一个只读属性,译为“用户代理”,简称“UA”。userAgent 会返回一个字符串,该字符串包含客户端使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等信息。
例如,chrome 浏览器在 Window7 平台下的 userAgent 示例:
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.57 Safari/537.36
IE8 浏览器在 Window7 平台下的 userAgent 示例:
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
下面是一个使用原生的javascript获取操作系统及其版本的demo:
- //利用原生Js获取操作系统版本
- function getOS() {
- var sUserAgent = navigator.userAgent;
- var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
- var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
- if (isMac) return "Mac";
- var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
- if (isUnix) return "Unix";
- var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
- if (isLinux) return "Linux";
- if (isWin) {
- var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
- if (isWin2K) return "Win2000";
- var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
- if (isWinXP) return "WinXP";
- var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
- if (isWin2003) return "Win2003";
- var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
- if (isWinVista) return "WinVista";
- var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
- if (isWin7) return "Win7";
- var isWin10 = sUserAgent.indexOf("Windows NT 10") > -1 || sUserAgent.indexOf("Windows 10") > -1;
- if (isWin10) return "Win10";
- }
- return "other";
- }
- document.write("您的操作系统是:"+getOS());
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码的更多相关文章
- JavaScript获取浏览器类型与版本
从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: <script type="text/javascript"> var S ...
- JavaScript学习总结(十八)——JavaScript获取浏览器类型与版本
从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: 1 <script type="text/javascript"> 2 v ...
- js获取浏览器类型和版本信息
bro () { let broName = 'Runing' let strStart = 0 let strStop = 0 let temp = '' let userAgent = windo ...
- JavaScript中两种类型的全局对象/函数【转】
Snandy Stop, thinking is the essence of progress. JavaScript中两种类型的全局对象/函数 这里所说的JavaScript指浏览器环境中的包括宿 ...
- JavaScript中判断对象类型方法大全1
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- javascript中获取非行间样式的方法
我们都知道一般在javascript中获取样式一般用的是nodeObj.style.attr这个属性的,但是这个属性只能获取行间样式非行间样式比如写在样式表中的样式那么用nodeObj.style.a ...
- JavaScript中判断对象类型的种种方法
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- 转 JavaScript中判断对象类型的种种方法
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- JS获取浏览器类型和版本号
JS获取浏览器类型和版本号,增加了IE11的判断. 2015/7/5更新: 简化代码逻辑 var zbrowser = {} var ua = navigator.userAgent.toLowerC ...
随机推荐
- HttpServletRequest对象方法的用法
1. 获得客户机信息 getRequestURL方法返回客户端发出请求时的完整URL. getRequestURI方法返回请求行中的资源名部分. getQueryString 方法返 ...
- Oracle查询优化改写--------------------单表查询
一.查询表中所有的行与列 二.从表中检索部分行 三.查找空值 四.将空值转化为实际值(coalesce) 五.查找满足多个条件的行(查询部门为10中所有的员工.所有得到提成的员工,以及部门20中工资不 ...
- python(字符串操作)
一.字符串的局部替换 python 字符串替换可以用2种方法实现:1是用字符串本身的方法.2用正则来替换字符串 下面用个例子来实验下:a = 'hello word'我把a字符串里的word替换为py ...
- selenium + robotframework的运行原理
1.点击ride界面启动用例执行时,首先会调用脚本 2.打开pybot脚本查看内容. 3.打开robot包下面的run文件,我们可以看到信息 run文件内容 程序启动的入口, sys.agv所表达的含 ...
- linux设置代理修改接口数据
其实很简单,希望看到的人可以一次搞定,所以我把所有步骤写一块儿了. 1.首先在自己能上网的机器上安装fiddler,程序自己百度搜就可以,百度软件中心的程序就行. 2.安装fiddler后,管理员权限 ...
- Android中文API (109) —— SimpleCursorTreeAdapter
前言 本章内容是android.widget.SimpleCursorTreeAdapter,版本为Android 3.0 r1,翻译来自"深夜未眠",含示例代码,欢迎访问它的博客 ...
- present(模态)实现出push的效果
在present加上这个转场动画,取消掉原来的转场动画 CATransition *animation = [CATransitionanimation]; animation.durati ...
- 【java并发系列】Fork/Join任务(转)
原文链接 当我们需要执行大量的小任务时,有经验的Java开发人员都会采用线程池来高效执行这些小任务.然而,有一种任务,例如,对超过1000万个元素的数组进行排序,这种任务本身可以并发执行,但如何拆解成 ...
- Beta No.6
今天遇到的困难: github服务器响应很慢 推图的API接口相应较慢,超过了初始设定的最大延迟时间,导致了无法正确返回图片 ListView滑动删除Demo出现了某些Bug,这些Bug可能导致了某些 ...
- 1013团队Beta冲刺day2
项目进展 李明皇 今天解决的进度 优化了信息详情页的布局:日期显示,添加举报按钮等 优化了程序的数据传递逻辑 明天安排 程序运行逻辑的完善 林翔 今天解决的进度 实现微信端消息发布的插入数据库 明天安 ...