利用js判斷瀏覽器類型(是否為IE,Firefox,Opera瀏覽器)
現(xiàn)在的瀏覽器大概有好幾種,各個人的喜好也不同,所以也就用著不同的瀏覽器!我們開發(fā)的人來說經(jīng)常要加個判斷,要不可能某些功能沒法正常使用。要是沒加個判斷就會給大家?guī)硇┞闊?雖然可能大家的喜好不同!用的系統(tǒng)也不同!有人喜歡用ie, firefox,還有人喜歡用騰訊tt,maxthon等等。雖然名字可能有很多種,但是內(nèi)核我們知道下就沒問題了。如IE內(nèi)核的:IE,maxthon,tt都是。當(dāng)然還有netscape內(nèi)核!看大家怎么去判斷!
由于在開發(fā)時碰上這個問題。于是找了下資料和自己總結(jié)如下JS代碼:
代碼如下:
<script language="JavaScript" type="text/javascript">
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){alert('你是使用IE')}else
if (navigator.userAgent.indexOf('Firefox') >= 0){alert('你是使用Firefox')}else
if (navigator.userAgent.indexOf('Opera') >= 0){alert('你是使用Opera')}else
{alert('你是使用其他的瀏覽器瀏覽網(wǎng)頁!')}
</script>
或以下代碼也可以
<!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 http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS檢查是什么瀏覽器</title>
<script language="JavaScript" type="text/javascript">
function checkFirefoxOrIE(){
userAgent=window.navigator.userAgent.toLowerCase();
if(userAgent.indexOf("firefox")>=1){
Findex=userAgent.indexOf("firefox/");
versionName=userAgent.substr(Findex+"Firefox/".length,3);
document.write("你用的是火狐瀏覽器!版本是:Firefox/"+versionName+"<br>");
}
else {
var name=navigator.appName;
if(name=="Microsoft Internet Explorer"){document.write("你用的是IE瀏覽器!");}
}
}
</script>
</head>
<body onload="checkFirefoxOrIE();">
</body>
</html>
- JS如何判斷瀏覽器類型和詳細區(qū)分IE各版本瀏覽器
- 利用JavaScript判斷瀏覽器類型及版本
- js根據(jù)手機客戶端瀏覽器類型,判斷跳轉(zhuǎn)官網(wǎng)/手機網(wǎng)站多個實例代碼
- js/jquery判斷瀏覽器類型的方法小結(jié)
- js判斷當(dāng)前瀏覽器類型,判斷IE瀏覽器方法
- js如何判斷不同系統(tǒng)的瀏覽器類型
- js判斷手機瀏覽器操作系統(tǒng)和微信瀏覽器的方法
- 封裝好的js判斷操作系統(tǒng)與瀏覽器代碼分享
- 利用Javascript判斷操作系統(tǒng)的類型實現(xiàn)不同操作系統(tǒng)下的兼容性
- JS判斷瀏覽器類型與操作系統(tǒng)的方法分析
相關(guān)文章
layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法
今天小編就為大家分享一篇layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript使用localStorage存儲數(shù)據(jù)
這篇文章主要為大家詳細介紹了JavaScript使用localStorage存儲數(shù)據(jù),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-09-09webpack3升級到webpack4遇到問題總結(jié)
這篇文章主要介紹了webpack3升級到webpack4遇到問題總結(jié),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09