① js如何判斷瀏覽器類型,包括手機瀏覽器的
在JS中判斷瀏覽器的類型,估計是每個編輯過頁面的開發人員都遇到過的問題。在眾多的瀏覽器產品中,IE、Firefox、Opera、Safari........眾多品牌卻標准不一,因此時常需要根據不同的瀏覽器,甚至相同瀏覽器不同版本做不同的操作,因此,知曉瀏覽器的判斷方法,還是很重要的。下面列舉一下常用的判斷方法:
1、判斷瀏覽器是否為IE
document.all ? 'IE' : 'others':在IE下document.all值為1,而其他瀏覽器下的值為0;
navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用戶代理信息。
navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描述瀏覽器名稱信息。
2、判斷IE版本
navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version':在已知是IE瀏覽器的情況下,可以通過此方法判斷是否是IE6;
navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other version':同上;
navigator.appVersion.match(/7./i)=="7." ? 'IE7' : 'other version':在已知是IE瀏覽器的情況下,可以通過此方法判斷是否是IE7;
navigator.userAgent.indexOf("MSIE 7.0")>0 ? 'IE7' : 'other version':同上;
navigator.appVersion.match(/8./i)=="8." ? 'IE8' : 'other version':在已知是IE瀏覽器的情況下,可以通過此方法判斷是否是IE8;
navigator.userAgent.indexOf("MSIE 8.0")>0 ? 'IE8' : 'other version':同上。
3、JS獲取瀏覽器信息
瀏覽器代碼名稱:navigator.appCodeName
瀏覽器名稱:navigator.appName
瀏覽器版本號:navigator.appVersion
對java的支持:navigator.javaEnabled()
MIME類型(數組):navigator.mimeTypes
系統平台:navigator.platform
插件(數組):navigator.plugins
用戶代理:navigator.userAgent
DEMO:
Js代碼
<script language="JavaScript">
<!--
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
alert("您的瀏覽器類型為:"+getOs());
-->
</script>
② js判斷瀏覽器是否是極速模式或者Chrome內核
主要用到navigator.userAgent
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
function myBrowser(){
var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字元串
console.log(userAgent);
var isOpera = userAgent.indexOf("Opera") > -1;
if (isOpera) {
return "Opera"
}; //判斷是否Opera瀏覽器
if (userAgent.indexOf("Firefox") > -1) {
return "FF";
} //判斷是否Firefox瀏覽器
if (userAgent.indexOf("Chrome") > -1){
return "Chrome";
}
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
return "IE";
}; //判斷是否IE瀏覽器
}
var cc = myBrowser();
if(cc == "Chrome"){
alert("當前是Chrome瀏覽器")
}
if(cc == "IE"){
alert("當前是IE瀏覽器")
}
</script>
</body>
</html>
③ js判斷只允許手機瀏覽器打開,電腦無法訪問怎麼寫,最後給個現成的,
var bs={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {//移動終端瀏覽器版本信息
trident: u.indexOf('Trident') > -1, //IE內核
presto: u.indexOf('Presto') > -1, //opera內核
webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否為移動終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器
iphone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web應該程序,沒有頭部與底部
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
if(bs.versions.mobile){
if(bs.versions.android||bs.versions.iPhone||bs.versions.iPad||bs.versions.ios){
alert("手機");
}else{
alert("other");
}
}
④ js判斷瀏覽器類型及版本
js判斷瀏覽器類型及版本在網站前端開發中,瀏覽器兼容性是前端開發框架要解決的第一個問題,要解決兼容性問題就得首先准確判斷出瀏覽器的類型及其版本,而判斷瀏覽器的版本一般只能通過分析瀏覽器的userAgent才能知道.
各種瀏覽器的userAgent:
IE各個版本典型的userAgent如下 Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2) Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) Mozilla/4.0 (compatible; MSIE 5.0; Windows NT) Firefox幾個版本的userAgentMozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1 Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3 Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12 Opera提供了專門的瀏覽器標志,就是window.opera屬性。Opera典型的userAgent如下 Opera/9.27 (Windows NT 5.2; U; zh-cn) Opera/8.0 (Macintosh; PPC Mac OS X; U; en) Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0 Safari瀏覽器中有一個其他瀏覽器沒有的openDatabase函數,可做為判斷Safari的標志。Safari典型的userAgent如下 Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Version/3.1 Safari/525.13 Mozilla/5.0 (iPhone; U; CPU like Mac OS X) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3 Chrome的userAgent Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13 Apple Inc的userAgent Apple iPhone : Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/1A542a Safari/419.3 iPod Touch : Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_1 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7C145 Apple iPad : Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10
判斷瀏覽器版本
if navigator.userAgent.indexOf(」MSIE」)0) {} //判斷是否IE瀏覽器if(isFirefox=navigator.userAgent.indexOf(」Firefox」)0){ }判斷是否火狐瀏覽器if(isSafari=navigator.userAgent.indexOf(」Safari」)0) {}判斷是否Safari瀏覽器 if(isSafari=navigator.userAgent.indexOf(」Opera」)0) {}判斷是否Opera瀏覽器 var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent .match(/ipad/i) == "ipad"; //判斷是否為 ipad var bIsIphoneOs = sUserAgent .match(/iphone os/i) == "iphone os";//判斷是否為iphone os var bIsMidp = sUserAgent .match(/midp/i) == "midp"; //判斷是否為 midp var bIsUc = sUserAgent .match(/ucweb/i) == "ucweb"; //判斷是否為 ucweb var bIsAndroid = sUserAgent .match(/android/i) == "android"; //判斷是否為 android var bIsCE = sUserAgent .match(/windows ce/i) == "windows ce"; //判斷是否為 windows ce var bIsWM = sUserAgent .match(/windows mobile/i) == "windows mobile"; //判斷是否為windows mobile
判斷瀏覽器類型
if navigator.userAgent.indexOf(」MSIE」)0){ //是否是IE瀏覽器 :navigator.userAgent是描述用戶代理信息。ie11已經不支持了,ie11不在包含MSIE欄位 if navigator.userAgent.indexOf(」MSIE 6.0″)0){ //IE6.0 if navigator.userAgent.indexOf(」MSIE 7.0″)0){//IE7.0 if navigator.userAgent.indexOf(」MSIE 8.0″)0){//IE8.0 最短的IE瀏覽器判斷代碼 利用了IE與標准瀏覽器在處理數組的toString方法的差異.對於標准游覽器,如果數組裡面最後一個字元為逗號,JS引擎會自動剔除它. var ie = !-[1,]; alert(ie); jquery判斷瀏覽器類型和瀏覽器版本號的方法 $(document).ready(function(){ varbrow=$.browser; varbInfo=""; if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;} if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;} if(brow.safari){bInfo="AppleSafari"+brow.version;} if(brow.opera){bInfo="Opera"+brow.version;} alert(bInfo); }); 注意:Query 從 1.9 版開始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 方法
⑤ 怎樣用JS判斷瀏覽器是火狐還是IE
使用navigator.userAgent來判斷瀏來覽器類型自。
varisIE=navigator.userAgent.toUpperCase().indexOf("MSIE")?true:false;//判斷是否是IE瀏覽器
varisFirefox=navigator.userAgent.toUpperCase().indexOf("FIREFOX")?true:false;//是否是火狐瀏覽器
補充:
userAgent 屬性是一個只讀的字元串,聲明了瀏覽器用於 HTTP 請求的用戶代理頭的值。不同瀏覽器的請求都不一樣,IE中帶有MSIE,火狐帶有特殊字元FireFox
⑥ js如何判斷當前瀏覽類型是谷歌,火狐,IE
functionmyBrowser(){
varuserAgent=navigator.userAgent;//取得瀏覽器的userAgent字元串
varisOpera=userAgent.indexOf("Opera")>-1;
if(isOpera){
return"Opera"
};//判斷是否Opera瀏覽器
if(userAgent.indexOf("Firefox")>-1){
return"FF";
}//判斷是否Firefox瀏覽器
if(userAgent.indexOf("Chrome")>-1){
return"Chrome";
}
if(userAgent.indexOf("Safari")>-1){
return"Safari";
}//判斷是否Safari瀏覽器
if(userAgent.indexOf("compatible")>-1&&userAgent.indexOf("MSIE")>-1&&!isOpera){
return"IE";
};//判斷是否IE瀏覽器
}
varmb=myBrowser();
if("IE"==mb){
alert("我是IE");
}
if("FF"==mb){
alert("我是Firefox");
}
if("Chrome"==mb){
alert("我是Chrome");
}
if("Opera"==mb){
alert("我是Opera");
}
if("Safari"==mb){
alert("我是Safari");
}