Window有navigator對象讓我們得知瀏覽器的全部信息.我們可以利用一系列的API函數(shù)得知瀏覽器的信息.

JavaScript代碼如下:

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>操作系統(tǒng)平臺: " + 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("是時候升級您的瀏覽器了！");
} 
}

我們可以通過這個函數(shù)通知用戶瀏覽器是否應該去更新瀏覽器,同樣也可以幫用戶得知瀏覽器的相關信息

各大瀏覽器的基本信息

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

這是Edge的

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

Safari的,樓主是Window系統(tǒng)Safari版本比較低

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

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

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

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

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

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

代碼結果分析

PS：javascript取得瀏覽器地址及參數(shù)方法

用javascript獲取 url網(wǎng)址信息

　　執(zhí)行 用javascript獲取url網(wǎng)址信息 代碼效果如下

　　location.host=www。dw。cn
　　location.hostname=www。dw。cn
　　location.href=http://www。dw。cn/news/2010-1/201011820131610618.shtml
　　location.pathname=/news/2010-1/201011820131610618.shtml
　　location.protocol=http:

　　詳細介紹 window.location方法獲取URL

　　統(tǒng)一資源定位符 (Uniform Resource Locator, URL) 完整的URL由這幾個部分構成：

　　scheme://host:port/path?query#fragment

　　scheme: 通信協(xié)議

　　常用的http,ftp,maito等

　　host:主機

　　服務器(計算機)域名系統(tǒng) (DNS) 主機名或 IP 地址。

　　port:端口號

　　整數(shù)，可選，省略時使用方案的默認端口，如http的默認端口為80。

　　path:路徑

　　由零或多個”/”符號隔開的字符串，一般用來表示主機上的一個目錄或文件地址。

　　query:查詢

　　可選，用于給動態(tài)網(wǎng)頁(如使用CGI、ISAPI、PHP/JSP/ASP /ASP.NET等技術制作的網(wǎng)頁)傳遞參數(shù)，可有多個參數(shù)，用”&”符號隔開，每個參數(shù)的名和值用”=”符號隔開。

fragment: 信息片斷

　　字符串，用于指定網(wǎng)絡資源中的片斷。例如一個網(wǎng)頁中有多個名詞解釋，可使用fragment直接定位到某一名詞解釋。(也稱為錨點.)　

示例：

　　1, window.location.href　

整個URl字符串(在瀏覽器中就是完整的地址欄)

　　返回值：http://www。dw。cn:80/index.asp?id=209#asp

　　2,window.location.protocol

　　URL 的協(xié)議部分

　　返回值：http:

　3,window.location.host

　URL 的主機部分，

　返回值：www。dw。cn

　4,window.location.port

　URL 的端口部分。如果采用默認的80端口(update:即使添加了:80)，那么返回值并不是默認的80而是空字符。

　本例返回值:空

　5,window.location.pathname

　URL 的路徑部分(就是文件地址)

　返回值：/index.asp

　6,window.location.search

　查詢(參數(shù))部分。除了給動態(tài)語言賦值以外，我們同樣可以給靜態(tài)頁面,并使用javascript來獲得相信應的參數(shù)值

　返回值：?id=209

　7,window.location.hash

　錨點

　返回值：#asp

最新評論