免費(fèi)AI編程助手
JavaScript 瀏覽器兼容性
2018-09-28 18:04 更新
瀏覽器兼容性
重要的是要了解不同瀏覽器之間的差異，以處理每個(gè)預(yù)計(jì)會(huì)出現(xiàn)的問(wèn)題。所以重要的是要知道哪個(gè)瀏覽器運(yùn)行在您的 Web 頁(yè)面。
獲得目前運(yùn)行在 Web 頁(yè)面的瀏覽器的信息，使用內(nèi)置的 navigator 對(duì)象。
導(dǎo)航屬性
有幾個(gè)導(dǎo)航相關(guān)屬性，您可以使用您的 Web 頁(yè)面。下面是一個(gè)列表的名稱和描述：
| 屬性 | 描述 |
|---|---|
| appCodeName | 這個(gè)屬性是一個(gè)包含瀏覽器 code name 的字符串，比如 Netscape 是 Netscape 的 code name ， Microsoft Internet Explorer 是 Internet Explorer 的code name。 |
| Appversion | 這個(gè)屬性是一個(gè)字符串，其中包含瀏覽器的版本以及其他有用的信息，比如它的語(yǔ)言和兼容性。 |
| language | 這個(gè)屬性包含兩個(gè)字母的縮寫表示這種語(yǔ)言，使用這種方式的瀏覽器只有 Netscape。 |
| mimTypes[] | 這個(gè)屬性是一個(gè)數(shù)組，其中包含所有客戶端支持的 MIME 類型。只有 Netscape。 |
| platform[] | 這個(gè)屬性是一個(gè)字符串，其中包含瀏覽器編譯的平臺(tái)?！癢in32”32 位 Windows 操作系統(tǒng)。 |
| plugins[] | 這個(gè)屬性是一個(gè)數(shù)組，其中包含的所有插件已經(jīng)安裝在客戶機(jī)上。只有 Netscape 公司。 |
| userAgent[] | 這個(gè)屬性是一個(gè)字符串，其中包含瀏覽器的代碼名稱和瀏覽器版本。這個(gè)值被發(fā)送到原始服務(wù)器用于識(shí)別客戶端。 |
導(dǎo)航方法
有幾個(gè) Navigator-specific 方法。這里是一個(gè)與其相關(guān)的列表的：
| 方法 | 描述 |
|---|---|
| javaEnabled() | 這個(gè)方法確定是否啟用了 JavaScript 客戶端。如果啟用了 JavaScript，那么該方法將返回 true，否則返回 false。 |
| plugings.refresh | 這個(gè)方法使新安裝的插件可用，并且用所有新插件的名稱去填充插件數(shù)組。 Netscape 公司 only。 |
| preference(name,value) | 這種方法允許標(biāo)記腳本去獲取和設(shè)置一些 Netscape 的偏好。如果省略第二個(gè)參數(shù)，那么該方法將返回的值指定的偏好；否則，使用系統(tǒng)默認(rèn)的值。 Netscape 公司 only。 |
| taintEnabled() | 這個(gè)方法返回 true，如果啟用了數(shù)據(jù)污染，否則，則返回 false。 |
瀏覽器檢測(cè)
有一個(gè)簡(jiǎn)單的 JavaScript 可以用來(lái)發(fā)現(xiàn)瀏覽器的名稱 ,其后相應(yīng)的 HTML 頁(yè)面可以被提供給用戶。
<html>
<head>
<title>Browser Detection Example</title>
</head>
<body>
<script type="text/javascript">
<!--
var userAgent = navigator.userAgent;
var opera = (userAgent.indexOf('Opera') != -1);
var ie = (userAgent.indexOf('MSIE') != -1);
var gecko = (userAgent.indexOf('Gecko') != -1);
var netscape= (userAgent.indexOf('Mozilla') != -1);
var version = navigator.appVersion;
if (opera){
document.write("Opera based browser");
// Keep your opera specific URL here.
}else if (gecko){
document.write("Mozilla based browser");
// Keep your gecko specific URL here.
}else if (ie){
document.write("IE based browser");
// Keep your IE specific URL here.
}else if (netscape){
document.write("Netscape based browser");
// Keep your Netscape specific URL here.
}else{
document.write("Unknown browser");
}
// You can include version to along with any above condition.
document.write("<br /> Browser version info : " + version );
//-->
</script>
</body>
</html>以上內(nèi)容是否對(duì)您有幫助：
更多建議：