[JavaScript]WebBrowser控件下IE版本的檢測

　　轉載請註明原文地址：https://www.cnblogs.com/litou/p/10772272.htm

 

　　在客戶端檢查用戶使用的瀏覽器類型和版本，都是根據navigator.userAgent屬性去判斷的，雖說一些自定義的瀏覽器或者HTTP組件會修改這個屬性，但對於通常的狀況下是足夠的了。通常狀況下userAgent值以下：

　　Chrome：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36

　　FireFox：Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:66.0) Gecko/20100101 Firefox/66.0

　　IE11：Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; LCTE; rv:11.0) like Gecko

　　IE8：Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)

 

　　有一種特殊的狀況，就是使用WebBrowser控件瀏覽網頁，WebBrowser控件是微軟提供的對IE內核Trident二次開發的封裝，在WebBrowser控件中檢測到的userAgent值以下：

　　IE11下的WebBrowser：Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.2; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; LCTE)

　　IE8下的WebBrowser：Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)

　　能夠發現無論操做系統中是哪一個IE版本，userAgent值中都指示IE版本爲MSIE 7.0，這會影響檢測瀏覽器版本的正確性。

　　這個緣由是在於WebBrowser控件默認是與運行在IE7的瀏覽器模式下（https://blogs.msdn.microsoft.com/patricka/2015/01/12/controlling-webbrowser-control-compatibility），若是要修改WebBrowser控件的瀏覽器模式，須要修改註冊表才能實現（https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/general-info/ee330730(v%3dvs.85)）。又或者在HTML的head中指定X-UA-Compatible這個meta，這樣WebBrowser控件會強行運行在指定的文檔模式中。

　　這裏提到IE的兩個概念，瀏覽器模式和文檔模式。

　　瀏覽器模式：切換IE針對網頁的默認文檔模式、對不一樣版本瀏覽器的條件備註解析、發送給網站服務器的用戶代理（User-Agent）字符串的值。（圖1）

　　文檔模式：指定IE的頁面排版引擎（Trident）以哪一個版本的方式來解析並渲染網頁代碼。（圖2）

　　簡單來講，文檔模式決定渲染網頁時內核引擎的版本，而瀏覽器模式影響的是文檔模】、8式的默認版本，以及userAgent串的值，因此咱們獲取到的userAgent串都是瀏覽器或者WebBrowser控件的瀏覽器模式值，也就是說，對於通常的瀏覽器內核、版本，以及操做系統的檢測，經過userAgent串是能夠區分出來的，但對於WebBrowser控件中的檢測不適用。

 

　　是否是就沒有辦法呢？這個是否認的，但可能須要繞個圈。經測試，IE瀏覽器默認狀況下的瀏覽器模式和文檔模式值對應以下：

	瀏覽器模式		文檔模式
	可選值	默認值	可選值	默認值
IE8	八、7	8	八、七、Quirks	8
IE9	九、八、7	9	九、八、七、Quirks	9
IE10	十、九、八、7	10	標準、九、八、七、5Quirks、Quirks	標準
IE11	十一、十、九、八、七、6	11	十一、十、九、八、七、5	11

　　因爲WebBrowser控件的瀏覽器模式修改修改註冊表才能實現修改，這個估計通常很難作到，可是上面提到了，在HTML的head中指定X-UA-Compatible這個meta，這樣WebBrowser控件會強行運行在指定的文檔模式中，也就是說，咱們能夠指定X-UA-Compatible的值，而後在文檔中經過document.documentMode來讀取當前文檔模式的值，就能夠達到目的。操做步驟以下：

　　1）HTML頁面的head中，在title和全部的meta前，增長meta爲<meta http-equiv="X-UA-Compatible" content="IE=edge" />，這樣就能夠使文檔模式運行在最高版本。（文檔模式的最高版本與瀏覽器版本一致）

　　2）經過document.documentMode屬性讀取文檔模式的值，進而判斷出當前IE瀏覽器的版本

 　　經過測試整理，彙總結果以下：

	userAgent		設置meta後的documentMode值
	原生瀏覽器	WebBrowser控件	原生瀏覽器	WebBrowser控件
IE8 / XP	Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)	Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0)	8	8
IE8 / Win7	Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0)	Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/4.0)	8	8
IE9 / Win7 x64	Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0)	Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/5.0)	9	9
IE10 / Win7 x64	Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0)	Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/6.0)	10	10
IE11 / Win7 x64	Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0) like Gecko	Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/7.0)	11	11
IE11 / Win10 x64	Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0) like Gecko	Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.2; WOW64; Trident/7.0)	11	11

　　其實最後發現，userAgent中根據Trident後面的版本號也能夠很好的判斷出IE瀏覽器的版本:)