最近在做webform,瀏覽器相容是個問題,這裡我收集了一些獲取瀏覽器信息的資料,可以給一些用戶使用時,提示瀏覽器版本過低,讓升級版本用. 這樣會給開發的我們,省下很多用來調試相容性的時間和精力. 本人就是這樣想的 ~ 瀏覽器：Netscape 瀏覽器版本：5.0 (Windows) 代碼：Mozi ...
最近在做webform,瀏覽器相容是個問題,這裡我收集了一些獲取瀏覽器信息的資料,可以給一些用戶使用時,提示瀏覽器版本過低,讓升級版本用. 這樣會給開發的我們,省下很多用來調試相容性的時間和精力. 本人就是這樣想的 ~
- 檢測瀏覽器及版本
- 使用 JavaScript 檢測關於訪問者的瀏覽器名稱及其版本。
- 代碼部分：
- <html>
<body>
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
document.write("瀏覽器名稱："+ browser)
document.write("<br />")
document.write("瀏覽器版本："+ version)
</script>
</body>
</html> - 結果：
- 瀏覽器名稱：Netscape
瀏覽器版本：5 - 檢測瀏覽器的更多信息
- 使用 JavaScript 檢測關於訪問者瀏覽器的更多信息。
- 代碼部分：
- <html>
<body>
<script type="text/javascript">
document.write("<p>瀏覽器：")
document.write(navigator.appName + "</p>")
document.write("<p>瀏覽器版本：")
document.write(navigator.appVersion + "</p>")
document.write("<p>代碼：")
document.write(navigator.appCodeName + "</p>")
document.write("<p>平臺：")
document.write(navigator.platform + "</p>")
document.write("<p>Cookies 啟用：")
document.write(navigator.cookieEnabled + "</p>")
document.write("<p>瀏覽器的用戶代理報頭：")
document.write(navigator.userAgent + "</p>")
</script>
</body>
</html>
結果：-
瀏覽器：Netscape
瀏覽器版本：5.0 (Windows)
代碼：Mozilla
平臺：Win32
Cookies 啟用：true
瀏覽器的用戶代理報頭：Mozilla/5.0 (Windows NT 6.1; rv:20.0) Gecko/20100101 Firefox/20.0
- 檢測瀏覽器的全部信息
- 使用 JavaScript 檢測關於訪問者瀏覽器的全部信息。
- 代碼部分：
- <html>
<body>
<script type="text/javascript">
var x = navigator;
document.write("CodeName=" + x.appCodeName);
document.write("<br />");
document.write("MinorVersion=" + x.appMinorVersion);
document.write("<br />");
document.write("Name=" + x.appName);
document.write("<br />");
document.write("Version=" + x.appVersion);
document.write("<br />");
document.write("CookieEnabled=" + x.cookieEnabled);
document.write("<br />");
document.write("CPUClass=" + x.cpuClass);
document.write("<br />");
document.write("OnLine=" + x.onLine);
document.write("<br />");
document.write("Platform=" + x.platform);
document.write("<br />");
document.write("UA=" + x.userAgent);
document.write("<br />");
document.write("BrowserLanguage=" + x.browserLanguage);
document.write("<br />");
document.write("SystemLanguage=" + x.systemLanguage);
document.write("<br />");
document.write("UserLanguage=" + x.userLanguage);
</script>
</body>
</html> - 結果:
- CodeName=Mozilla
MinorVersion=undefined
Name=Netscape
Version=5.0 (Windows)
CookieEnabled=true
CPUClass=undefined
OnLine=true
Platform=Win32
UA=Mozilla/5.0 (Windows NT 6.1; rv:20.0) Gecko/20100101 Firefox/20.0
BrowserLanguage=undefined
SystemLanguage=undefined
UserLanguage=undefined - 根據瀏覽器類型提醒用戶
- 使用 JavaScript 檢測關於訪問者的瀏覽器名稱及其版本，然後根據這些信息生成不同內容的警告框。
- 代碼部分：
- <html>
<head>
<script type="text/javascript">
function detectBrowser()
{
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4))
{alert("您的瀏覽器夠先進了！")}
else
{alert("是時候升級您的瀏覽器了！")}
}
</script>
</head>
<body onload="detectBrowser()">
</body>
</html> - 結果：
- 瀏覽器運行的時候,會以彈窗的形式彈出。
- 例如我用的火狐瀏覽器.
- 有一點請博友得註意的是：JavaScript 在 IE6、IE5 和 IE4 中的獲得的版本號是相同的 。
- 記:Darren
