成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

js筆記系列之--Navigator對(duì)象理解及判斷

高勝山 / 991人閱讀

摘要：入門系列之位置及相對(duì)位置事件坐標(biāo)對(duì)象在寫前端頁面的時(shí)候，我們會(huì)碰到不同瀏覽器下不同邏輯的情況。指明系統(tǒng)是否處于脫機(jī)模式的布爾值。運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)。由客戶機(jī)發(fā)送服務(wù)器的頭部的值。

js入門系列之
位置及相對(duì)位置事件坐標(biāo)

Navigator對(duì)象
在寫前端頁面的時(shí)候，我們會(huì)碰到不同瀏覽器下不同邏輯的情況。這個(gè)時(shí)候我們就有必要通過js代碼來確認(rèn)當(dāng)前瀏覽器的種類以及版本，這個(gè)時(shí)候我們就需要借助窗口中的navigaitor對(duì)象。首先我們來了解一下navigator，在控制欄輸出看一下：

下面我們來解釋一下對(duì)象中對(duì)應(yīng)各屬性的概念：

appCodeName    瀏覽器的代碼名。
appMinorVersion    瀏覽器的次級(jí)版本。
appName    瀏覽器的名稱。
appVersion    瀏覽器的平臺(tái)和版本信息。
browserLanguage    當(dāng)前瀏覽器的語言。
cookieEnabled    指明瀏覽器中是否啟用 cookie 的布爾值。
cpuClass    瀏覽器系統(tǒng)的 CPU 等級(jí)。
onLine    指明系統(tǒng)是否處于脫機(jī)模式的布爾值。
platform    運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)。
systemLanguage     OS 使用的默認(rèn)語言。
userAgent    由客戶機(jī)發(fā)送服務(wù)器的 user-agent 頭部的值。
userLanguage    OS 的自然語言設(shè)置。

了解了navigator下對(duì)應(yīng)的屬性信息，我們可以獲取很多有效的信息，比如當(dāng)前的瀏覽器、瀏覽器版本以及當(dāng)前電腦操作系統(tǒng)等等~是不是很棒棒呢~下面我們來寫一段簡單的代碼來判斷當(dāng)前的瀏覽器：

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));

下圖則是代碼運(yùn)行的結(jié)果：

就這樣，我們可以簡單的判斷當(dāng)前瀏覽器的種類從而達(dá)到分瀏覽器處理的效果了~

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/93377.html

相關(guān)文章

  • JS系列之BOM

    摘要：顧名思義，父對(duì)象始終指向當(dāng)前框架的直接上層框架。與框架有關(guān)的最后一個(gè)對(duì)象是，它始終指向?qū)嶋H上，和對(duì)象可以互換使用。同時(shí)，這也意味著可以將不同層次的對(duì)象連綴起來，例如。對(duì)象就是判斷用戶的瀏覽器以及操作系統(tǒng)。 BOM BOM Browser Object Model, 瀏覽器對(duì)象模型showImg(https://segmentfault.com/img/bVbjS3b?w=663&h=4...

    edagarli 評(píng)論0 收藏0

  • 慕課網(wǎng)js面試題學(xué)習(xí)筆記(ES6 標(biāo)準(zhǔn)) ——實(shí)時(shí)更新

    摘要：而第一種方法只能判斷引用類型，不能判斷值類型，因?yàn)橹殿愋蜎]有對(duì)應(yīng)的構(gòu)造函數(shù)描述一個(gè)對(duì)象的過程生成一個(gè)新的空對(duì)象指向這個(gè)新對(duì)象執(zhí)行構(gòu)造函數(shù)中的代碼，即對(duì)賦值將新對(duì)象的屬性指向構(gòu)造函數(shù)的屬性返回，即得到新對(duì)象。 最近在在看前端面試教程，這篇文章里大部分是看視頻的過程中自己遇到的不清楚的知識(shí)點(diǎn)，內(nèi)容很簡單，只是起到一個(gè)梳理作用。有些地方也根據(jù)自己的理解在作者的基礎(chǔ)上加了點(diǎn)東西，如有錯(cuò)誤，歡迎...

    netmou 評(píng)論0 收藏0

  • 深入理解JavaScript

    摘要：深入之繼承的多種方式和優(yōu)缺點(diǎn)深入系列第十五篇，講解各種繼承方式和優(yōu)缺點(diǎn)。對(duì)于解釋型語言例如來說，通過詞法分析語法分析語法樹，就可以開始解釋執(zhí)行了。 JavaScript深入之繼承的多種方式和優(yōu)缺點(diǎn) JavaScript深入系列第十五篇，講解JavaScript各種繼承方式和優(yōu)缺點(diǎn)。 寫在前面 本文講解JavaScript各種繼承方式和優(yōu)缺點(diǎn)。 但是注意： 這篇文章更像是筆記，哎，再讓我...

    myeveryheart 評(píng)論0 收藏0

  • JavaScript 之 BOM

    摘要：描述表示為瀏覽器對(duì)象模型是由一系列對(duì)象構(gòu)成的，這些對(duì)象可以理解為是瀏覽器提供的對(duì)象表示當(dāng)前運(yùn)行頁面的瀏覽器對(duì)象既是訪問瀏覽器的窗口，也是規(guī)范中的全局對(duì)象對(duì)象測試對(duì)象全局變量函數(shù)作為全局變量或函數(shù)使用的話全局變量是對(duì)象的屬性函數(shù)是對(duì)象的方法預(yù) BOM 描述 BOM表示為瀏覽器對(duì)象模型 BOM是由一系列對(duì)象構(gòu)成的，這些對(duì)象可以理解為是瀏覽器提供的 Window對(duì)象 表示當(dāng)前運(yùn)行HTM...

    nifhlheimr 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<