判斷瀏覽器的javascript版本的代碼
更新時間：2010年09月03日 23:33:54 作者：
話說最近在研究某著名跟蹤系統(tǒng)，在其給用戶的實施代碼中有一段判斷瀏覽器Javascript版本的代碼引起了我的注意，于是問了下google如何判斷瀏覽器的javascript版本
他老人家說將所要執(zhí)行的代碼放在如< script language="JavaScript1.2" >所示嵌套下。但是當問到檢測javascript版本時，得到如下代碼：
var JS_ver = [];
(Number.prototype.toFixed)?JS_ver.push("1.5"):false;
([].indexOf && [].forEach)?JS_ver.push("1.6"):false;
((function(){try {[a,b] = [0,1];return true;}catch(ex) {return false;}})())?JS_ver.push("1.7"):false;
([].reduce && [].reduceRight && JSON)?JS_ver.push("1.8"):false;
("".trimLeft)?JS_ver.push("1.8.1"):false;
JS_ver.supports = function()
{
if (arguments[0])
return (!!~this.join().indexOf(arguments[0] +",") +",");
else
return (this[this.length-1]);
}
alert("Latest Javascript version supported: "+ JS_ver.supports());
alert("Support for version 1.7 : "+ JS_ver.supports("1.7"));
這個腳本，既能通過檢測特征來檢測JavaScript版本，還能檢查特定的Javascript版本所支持的特性。
得到了結果，我們還是看下此系統(tǒng)是如何檢測javascript版本的吧，于是將其代碼抽取出來（抽取過程相當糾結），得到如下所示代碼：
<script type="text/javascript">
var n = navigator;
var u = n.userAgent;
var apn = n.appName;
var v = n.appVersion;
var ie = v.indexOf('MSIE ')
if(ie > 0){
apv = parseInt(i = v.substring(ie + 5));
if(apv > 3) {
apv = parseFloat(i);
}
}else{
apv = parseFloat(v);
}
var isie = (apn == 'Microsoft Internet Explorer');
var ismac = (u.indexOf('Mac') >= 0);
var javascriptVersion = "1.0";
if(String && String.prototype){
javascriptVersion = '1.1';
if(javascriptVersion.match){
javascriptVersion = '1.2';
var tm = new Date;
if(tm.setUTCDate){
javascriptVersion = '1.3';
if(isie && ismac && apv >= 5) javascriptVersion = '1.4';
var pn = 0;
if(pn.toPrecision){
javascriptVersion = '1.5';
a = new Array;
if(a.forEach){
javascriptVersion = '1.6';
i = 0;
o = new Object;
tcf = new Function('o','var e,i=0;try{i=new Iterator(o)}catch(e){}return i');
i = tcf(o);
if(i && i.next) {
javascriptVersion = '1.7';
}
}
}
}
}
}
alert(javascriptVersion);
</script>
代碼實現(xiàn)原理：根據(jù)不同版本的javascript對于一些特定函數(shù)的支持不同從而判斷其版本所在。其中僅對1.4版本有一個特殊處理。
復制代碼 代碼如下:
var JS_ver = [];
(Number.prototype.toFixed)?JS_ver.push("1.5"):false;
([].indexOf && [].forEach)?JS_ver.push("1.6"):false;
((function(){try {[a,b] = [0,1];return true;}catch(ex) {return false;}})())?JS_ver.push("1.7"):false;
([].reduce && [].reduceRight && JSON)?JS_ver.push("1.8"):false;
("".trimLeft)?JS_ver.push("1.8.1"):false;
JS_ver.supports = function()
{
if (arguments[0])
return (!!~this.join().indexOf(arguments[0] +",") +",");
else
return (this[this.length-1]);
}
alert("Latest Javascript version supported: "+ JS_ver.supports());
alert("Support for version 1.7 : "+ JS_ver.supports("1.7"));
這個腳本，既能通過檢測特征來檢測JavaScript版本，還能檢查特定的Javascript版本所支持的特性。
得到了結果，我們還是看下此系統(tǒng)是如何檢測javascript版本的吧，于是將其代碼抽取出來（抽取過程相當糾結），得到如下所示代碼：
復制代碼 代碼如下:
<script type="text/javascript">
var n = navigator;
var u = n.userAgent;
var apn = n.appName;
var v = n.appVersion;
var ie = v.indexOf('MSIE ')
if(ie > 0){
apv = parseInt(i = v.substring(ie + 5));
if(apv > 3) {
apv = parseFloat(i);
}
}else{
apv = parseFloat(v);
}
var isie = (apn == 'Microsoft Internet Explorer');
var ismac = (u.indexOf('Mac') >= 0);
var javascriptVersion = "1.0";
if(String && String.prototype){
javascriptVersion = '1.1';
if(javascriptVersion.match){
javascriptVersion = '1.2';
var tm = new Date;
if(tm.setUTCDate){
javascriptVersion = '1.3';
if(isie && ismac && apv >= 5) javascriptVersion = '1.4';
var pn = 0;
if(pn.toPrecision){
javascriptVersion = '1.5';
a = new Array;
if(a.forEach){
javascriptVersion = '1.6';
i = 0;
o = new Object;
tcf = new Function('o','var e,i=0;try{i=new Iterator(o)}catch(e){}return i');
i = tcf(o);
if(i && i.next) {
javascriptVersion = '1.7';
}
}
}
}
}
}
alert(javascriptVersion);
</script>
代碼實現(xiàn)原理：根據(jù)不同版本的javascript對于一些特定函數(shù)的支持不同從而判斷其版本所在。其中僅對1.4版本有一個特殊處理。
相關文章
js實現(xiàn)div模擬模態(tài)對話框展現(xiàn)URL內(nèi)容
這篇文章主要介紹了js實現(xiàn)div模擬模態(tài)對話框展現(xiàn)URL內(nèi)容的功能,涉及javascript動態(tài)操作頁面元素樣式與ajax調(diào)用的相關技巧,需要的朋友可以參考下2016-05-05
這篇文章主要給大家介紹了關于js動態(tài)設置關鍵偵@keyframes的方法技巧,@keyframes規(guī)則通過在動畫序列中定義關鍵幀(或waypoints)的樣式來控制CSS動畫序列中的中間步驟,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-04-04
小程序hover-class點擊態(tài)效果實現(xiàn)
這篇文章主要介紹了小程序hover-class點擊態(tài)效果實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
最近工作中element后臺管理使用Echarts圖表,在使用過程中也遇到了些問題,下面這篇文章主要給大家介紹了關于echart自適應寬度的兩種方法,需要的朋友可以參考下2022-12-12
這篇文章主要是對JavaScript中setInterval的用法進行了詳細的總結介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要是對Javascript中難以理解的11個問題進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
今天寫一點工作中遇到的東西【彈出窗口】【拖放】【異步文件上傳】，大家共同學習,共同進步2013-01-01
Layui實現(xiàn)數(shù)據(jù)表格中鼠標懸浮圖片放大效果,離開時恢復原圖的方法
今天小編就為大家分享一篇Layui實現(xiàn)數(shù)據(jù)表格中鼠標懸浮圖片放大效果,離開時恢復原圖的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JSChart輕量級圖形報表工具(內(nèi)置函數(shù)中文參考)
JSChart是一個輕量級的在線圖表生成工具，本身十分小巧，簡單易用，相對來講功能也不是特別強大，但是對于一些要求不高的應用來講已經(jīng)夠用了，最近兩天在做一個監(jiān)控系統(tǒng)，想到了它。2010-10-10
這篇文章主要介紹了JS簡單獲取當前年月日星期的方法,結合完整實例形式分析了javascript基于自定義函數(shù)獲取當前日期時間的方法,涉及javascript中Date()類的使用與日期相關運算技巧,需要的朋友可以參考下2017-02-02