首頁 >web前端 >js教程 >JavaScript取得各大瀏覽器資訊圖示_基礎知識

JavaScript取得各大瀏覽器資訊圖示_基礎知識

WBOY
WBOY原創
2016-05-16 15:31:011297瀏覽

如何取得瀏覽器資訊

Window有navigator物件讓我們得知瀏覽器的全部資訊.我們可以利用一系列的API函數得知瀏覽器的資訊.

JavaScript程式碼如下:
<div class="codetitle"> <span><a style="CURSOR: pointer" data="47539" class="copybut" id="copybut47539" onclick="doCopy('code47539')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code47539">function message(){ txt = "<p>浏览器代码名: " navigator.appCodeName "</p>"; txt = "<p>浏览器名称: " navigator.appName "</p>"; txt = "<p>浏览器平台和版本: " navigator.appVersion "</p>"; txt = "<p>是否开启cookie: " navigator.cookieEnabled "</p>"; txt = "<p>操作系统平台: " navigator.platform "</p>"; txt = "<p>User-agent头部值: " navigator.userAgent "</p>"; document.getElementById("example").innerHTML=txt; if ((navigator.appName=="Netscape" || navigator.appName=="Microsoft Internet Explorer") && (parseFloat(navigator.appVersion)>=4)){ alert("您的浏览器够先进了!"); } else { alert("是时候升级您的浏览器了!"); } }<br> </div>

我們可以透過這個函數通知使用者瀏覽器是否應該去更新瀏覽器,同樣也可以幫使用者得知瀏覽器的相關資訊

各大瀏覽器的基本資訊

樓主測試了幾乎當前主流的瀏覽器,當然不管多少瀏覽器都是Trident,Blink,Gecko,Webkit這幾種的瀏覽器內核,解析上不會有太大的出入,現附上相關截圖如下:

這是Edge的


IE11,樓主沒有用IE6,不過應該不會有太大的出入


Safari的,樓主是Window系統Safari版本比較低


搜狗瀏覽器,曾經樓主也迷戀過它一段時間呢!


QQ瀏覽器(微信版),比較給力,現在樓主除了Chrome用的最多的瀏覽器,雙核Trident和Blink,Chrome內核下飛快


360安全瀏覽器的相容模式,用的是IE的Trident核心


Firefox,不多說了,Netscape正版,開發者必備的瀏覽器


Chrome.現在樓主用的最多的瀏覽器,Google實在是好,力挺


360安全瀏覽器極速模式,Chrome核心,速度很快

程式碼結果分析

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn