JavaScript獲取瀏覽器信息的方法

Window有navigator對象讓咱們得知瀏覽器的所有信息.咱們能夠利用一系列的API函數得知瀏覽器的信息.javascript

JavaScript代碼以下:php

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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( "是時候升級您的瀏覽器了!" );
}
}

咱們能夠經過這個函數通知用戶瀏覽器是否應該去更新瀏覽器,一樣也能夠幫用戶得知瀏覽器的相關信息html

各大瀏覽器的基本信息java

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

這是Edge的瀏覽器


 

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


 

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


 

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


 

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

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

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

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

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

代碼結果分析

PS:javascript取得瀏覽器地址及參數方法

用javascript獲取 url網址信息

  執行 用javascript獲取url網址信息 代碼效果以下

?
1
2
3
4
5
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

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

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

  scheme: 通訊協議

  經常使用的http,ftp,maito等

  host:主機

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

  port:端口號

  整數,可選,省略時使用方案的默認端口,如http的默認端口爲80。

  path:路徑

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

  query:查詢

  可選,用於給動態網頁(如使用CGI、ISAPI、PHP/JSP/ASP /ASP.NET等技術製做的網頁)傳遞參數,可有多個參數,用」&」符號隔開,每一個參數的名和值用」=」符號隔開。

fragment: 信息片段

  字符串,用於指定網絡資源中的片段。例如一個網頁中有多個名詞解釋,可以使用fragment直接定位到某一名詞解釋。(也稱爲錨點.) 

示例:

  1, window.location.href 

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

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

  2,window.location.protocol

  URL 的協議部分

  返回值: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

 查詢(參數)部分。除了給動態語言賦值之外,咱們一樣能夠給靜態頁面,並使用javascript來得到相信應的參數值

 返回值:?id=209

 7,window.location.hash

 錨點

 返回值:#asp

相關文章
相關標籤/搜索