快捷導(dǎo)航

利用js判斷瀏覽器類型(是否為IE,Firefox,Opera瀏覽器)

更新時(shí)間：2013年11月22日 10:07:52 作者：

我們開發(fā)的人來(lái)說(shuō)經(jīng)常要加個(gè)判斷，要不可能某些功能沒(méi)法正常使用。要是沒(méi)加個(gè)判斷就會(huì)給大家?guī)?lái)些麻煩

現(xiàn)在的瀏覽器大概有好幾種,各個(gè)人的喜好也不同，所以也就用著不同的瀏覽器!我們開發(fā)的人來(lái)說(shuō)經(jīng)常要加個(gè)判斷，要不可能某些功能沒(méi)法正常使用。要是沒(méi)加個(gè)判斷就會(huì)給大家?guī)?lái)些麻煩!雖然可能大家的喜好不同!用的系統(tǒng)也不同!有人喜歡用ie, firefox,還有人喜歡用騰訊tt,maxthon等等。雖然名字可能有很多種,但是內(nèi)核我們知道下就沒(méi)問(wèn)題了。如IE內(nèi)核的：IE，maxthon,tt都是。當(dāng)然還有netscape內(nèi)核!看大家怎么去判斷!

由于在開發(fā)時(shí)碰上這個(gè)問(wèn)題。于是找了下資料和自己總結(jié)如下JS代碼：

代碼如下：

復(fù)制代碼代碼如下:

<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)頁(yè)！')}
</script>

或以下代碼也可以

復(fù)制代碼代碼如下:

<!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>

您可能感興趣的文章:

相關(guān)文章

動(dòng)態(tài)加載腳本提升javascript性能
動(dòng)態(tài)加載腳本可以有效提升javascript性能，下面有個(gè)不錯(cuò)的示例，大家可以參考下
2014-02-02
JS window.opener返回父頁(yè)面的應(yīng)用
網(wǎng)上支付開發(fā)分為支付平臺(tái)和客戶端兩部分。當(dāng)客戶端進(jìn)入支付平臺(tái)時(shí)，需要在新窗體打開支付平臺(tái)頁(yè)面。
2009-10-10
在JavaScript中使用高階函數(shù)的方法
JavaScript可以接受高階函數(shù)。這種處理高階函數(shù)的能力以及其他特點(diǎn)，使JavaScript成為非常適合函數(shù)式編程的編程語(yǔ)言之一，這篇文章主要介紹了如何在JavaScript中使用高階函數(shù),需要的朋友可以參考下
2022-09-09
js設(shè)置文字顏色的方法示例
這篇文章主要介紹了js設(shè)置文字顏色的方法,涉及JS頁(yè)面元素樣式操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-12-12
JS解析url查詢參數(shù)的簡(jiǎn)單代碼
本文通過(guò)簡(jiǎn)單代碼給大家介紹了js解析url查詢參數(shù)的方法，然后在文章下面給大家介紹了js獲取url參數(shù)值的兩種方式，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-08-08
JavaScript如何判斷一個(gè)對(duì)象是空對(duì)象(附5種常見方法)
在JavaScript中判斷對(duì)象的類型是開發(fā)過(guò)程中的一個(gè)常見需求,尤其是在處理不確定類型的數(shù)據(jù)時(shí),這篇文章主要介紹了JavaScript如何判斷一個(gè)對(duì)象是空對(duì)象的相關(guān)資料,需要的朋友可以參考下
2025-04-04
微信小程序 image組件遇到的問(wèn)題
這篇文章主要介紹了微信小程序 image組件遇到的問(wèn)題，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2019-05-05
Three.js中實(shí)現(xiàn)Bloom效果及完整示例
這篇文章主要為大家介紹了Three.js中實(shí)現(xiàn)Bloom效果及完整示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
ionic2 tabs 圖標(biāo)自定義實(shí)例
這篇文章主要介紹了ionic2 tabs 圖標(biāo)自定義,需要的朋友可以參考下
2017-03-03
詳解Webpack如何引入CDN鏈接來(lái)優(yōu)化編譯后的體積
這篇文章主要介紹了詳解Webpack如何引入CDN鏈接來(lái)優(yōu)化編譯后的體積，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06