js筆記系列之--Navigator對象理解及判斷

js入門系列之

位置及相對位置事件座標

---

Navigator對象
在寫前端頁面的時候，咱們會碰到不一樣瀏覽器下不一樣邏輯的狀況。這個時候咱們就有必要經過js代碼來確認當前瀏覽器的種類以及版本，這個時候咱們就須要藉助窗口中的navigaitor對象。首先咱們來了解一下navigator，在控制欄輸出看一下：

下面咱們來解釋一下對象中對應各屬性的概念：

appCodeName    瀏覽器的代碼名。
appMinorVersion    瀏覽器的次級版本。
appName    瀏覽器的名稱。
appVersion    瀏覽器的平臺和版本信息。
browserLanguage    當前瀏覽器的語言。
cookieEnabled    指明瀏覽器中是否啓用 cookie 的布爾值。
cpuClass    瀏覽器系統的 CPU 等級。
onLine    指明系統是否處於脫機模式的布爾值。
platform    運行瀏覽器的操做系統平臺。
systemLanguage     OS 使用的默認語言。
userAgent    由客戶機發送服務器的 user-agent 頭部的值。
userLanguage    OS 的天然語言設置。

瞭解了navigator下對應的屬性信息，咱們能夠獲取不少有效的信息，好比當前的瀏覽器、瀏覽器版本以及當前電腦操做系統等等~是否是很棒棒呢~下面咱們來寫一段簡單的代碼來判斷當前的瀏覽器：

var UserAgent =window.navigator.userAgent.toLowerCase();
function getBrowserType(UserAgent){
var result={
      isIE6: /msie 6.0/.test(UserAgent), // IE6
      isIE7: /msie 7.0/.test(UserAgent), // IE7
      isIE8: /msie 8.0/.test(UserAgent), // IE8
      isIE9: /msie 9.0/.test(UserAgent), // IE9
      isIE10: /msie 10.0/.test(UserAgent), // IE10
      isIE11: /msie 11.0/.test(UserAgent), // IE11
      isLB: /lbbrowser/.test(UserAgent), // 獵豹瀏覽器
      isUc: /ucweb/.test(UserAgent), // UC瀏覽器
      is360: /360se/.test(UserAgent), // 360瀏覽器
      isBaidu: /bidubrowser/.test(UserAgent), // 百度瀏覽
      isSougou: /metasr/.test(UserAgent), // 搜狗瀏覽器
      isChrome: /chrome/.test(UserAgent), 
      //Chrome瀏覽器
      isFirefox: /firefox/.test(UserAgent), // 火狐瀏覽器
      isOpera: /opera/.test(UserAgent), // Opera瀏覽器
      isSafiri: /safari/.test(UserAgent) && !/chrome/.test
 (UserAgent), // safire瀏覽器
      isQQ: /qqbrowser/.test(UserAgent)//qq瀏覽器
    };
 return result;
}
console.log(getBrowserType(UserAgent));

下圖則是代碼運行的結果：

就這樣，咱們能夠簡單的判斷當前瀏覽器的種類從而達到分瀏覽器處理的效果了~