利用js判斷瀏覽器類(lèi)型(是否為IE,Firefox,Opera瀏覽器)
現(xiàn)在的瀏覽器大概有好幾種,各個(gè)人的喜好也不同,所以也就用著不同的瀏覽器!我們開(kāi)發(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)核!看大家怎么去判斷!
由于在開(kāi)發(fā)時(shí)碰上這個(gè)問(wèn)題。于是找了下資料和自己總結(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)頁(yè)!')}
</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如何判斷瀏覽器類(lèi)型和詳細(xì)區(qū)分IE各版本瀏覽器
- 利用JavaScript判斷瀏覽器類(lèi)型及版本
- js根據(jù)手機(jī)客戶(hù)端瀏覽器類(lèi)型,判斷跳轉(zhuǎn)官網(wǎng)/手機(jī)網(wǎng)站多個(gè)實(shí)例代碼
- js/jquery判斷瀏覽器類(lèi)型的方法小結(jié)
- js判斷當(dāng)前瀏覽器類(lèi)型,判斷IE瀏覽器方法
- js如何判斷不同系統(tǒng)的瀏覽器類(lèi)型
- js判斷手機(jī)瀏覽器操作系統(tǒng)和微信瀏覽器的方法
- 封裝好的js判斷操作系統(tǒng)與瀏覽器代碼分享
- 利用Javascript判斷操作系統(tǒng)的類(lèi)型實(shí)現(xiàn)不同操作系統(tǒng)下的兼容性
- JS判斷瀏覽器類(lèi)型與操作系統(tǒng)的方法分析
相關(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)上支付開(kāi)發(fā)分為支付平臺(tái)和客戶(hù)端兩部分。當(dāng)客戶(hù)端進(jìn)入支付平臺(tái)時(shí),需要在新窗體打開(kāi)支付平臺(tái)頁(yè)面。2009-10-10
JS解析url查詢(xún)參數(shù)的簡(jiǎn)單代碼
本文通過(guò)簡(jiǎn)單代碼給大家介紹了js解析url查詢(xún)參數(shù)的方法,然后在文章下面給大家介紹了js獲取url參數(shù)值的兩種方式 ,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-08-08
JavaScript如何判斷一個(gè)對(duì)象是空對(duì)象(附5種常見(jiàn)方法)
在JavaScript中判斷對(duì)象的類(lèi)型是開(kāi)發(fā)過(guò)程中的一個(gè)常見(jiàn)需求,尤其是在處理不確定類(lèi)型的數(shù)據(jù)時(shí),這篇文章主要介紹了JavaScript如何判斷一個(gè)對(duì)象是空對(duì)象的相關(guān)資料,需要的朋友可以參考下2025-04-04
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

