免費AI編程助手
JavaScript 瀏覽器兼容性
2018-09-28 18:04 更新
瀏覽器兼容性
重要的是要了解不同瀏覽器之間的差異，以處理每個預(yù)計會出現(xiàn)的問題。所以重要的是要知道哪個瀏覽器運行在您的 Web 頁面。
獲得目前運行在 Web 頁面的瀏覽器的信息，使用內(nèi)置的 navigator 對象。
導(dǎo)航屬性
有幾個導(dǎo)航相關(guān)屬性，您可以使用您的 Web 頁面。下面是一個列表的名稱和描述：
| 屬性 | 描述 |
|---|---|
| appCodeName | 這個屬性是一個包含瀏覽器 code name 的字符串，比如 Netscape 是 Netscape 的 code name ， Microsoft Internet Explorer 是 Internet Explorer 的code name。 |
| Appversion | 這個屬性是一個字符串，其中包含瀏覽器的版本以及其他有用的信息，比如它的語言和兼容性。 |
| language | 這個屬性包含兩個字母的縮寫表示這種語言，使用這種方式的瀏覽器只有 Netscape。 |
| mimTypes[] | 這個屬性是一個數(shù)組，其中包含所有客戶端支持的 MIME 類型。只有 Netscape。 |
| platform[] | 這個屬性是一個字符串，其中包含瀏覽器編譯的平臺?！癢in32”32 位 Windows 操作系統(tǒng)。 |
| plugins[] | 這個屬性是一個數(shù)組，其中包含的所有插件已經(jīng)安裝在客戶機上。只有 Netscape 公司。 |
| userAgent[] | 這個屬性是一個字符串，其中包含瀏覽器的代碼名稱和瀏覽器版本。這個值被發(fā)送到原始服務(wù)器用于識別客戶端。 |
導(dǎo)航方法
有幾個 Navigator-specific 方法。這里是一個與其相關(guān)的列表的：
| 方法 | 描述 |
|---|---|
| javaEnabled() | 這個方法確定是否啟用了 JavaScript 客戶端。如果啟用了 JavaScript，那么該方法將返回 true，否則返回 false。 |
| plugings.refresh | 這個方法使新安裝的插件可用，并且用所有新插件的名稱去填充插件數(shù)組。 Netscape 公司 only。 |
| preference(name,value) | 這種方法允許標(biāo)記腳本去獲取和設(shè)置一些 Netscape 的偏好。如果省略第二個參數(shù)，那么該方法將返回的值指定的偏好；否則，使用系統(tǒng)默認(rèn)的值。 Netscape 公司 only。 |
| taintEnabled() | 這個方法返回 true，如果啟用了數(shù)據(jù)污染，否則，則返回 false。 |
瀏覽器檢測
有一個簡單的 JavaScript 可以用來發(fā)現(xiàn)瀏覽器的名稱 ,其后相應(yīng)的 HTML 頁面可以被提供給用戶。
<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)容是否對您有幫助：
更多建議：