js代碼判斷瀏覽器

wind5o 發布于2019-08-23 14:55 / 802人閱讀

摘要：一在公共的部分引入一個文件判斷當前的瀏覽器，代碼如下移動終端瀏覽器版本信息內核內核蘋果谷歌內核火狐內核是否為移動終端終端終端或瀏覽器是否為或者瀏覽器是否是否微信新增是否是否應該程序，沒有頭部與底部二在需要判斷的

一、在公共的js部分引入一個js文件判斷當前的瀏覽器，代碼如下

let browser = {
  versions: (function () {
    let u = navigator.userAgent
    return { // 移動終端瀏覽器版本信息
      trident: u.indexOf("Trident") > -1, // IE內核
      presto: u.indexOf("Presto") > -1, // opera內核
      webKit: u.indexOf("AppleWebKit") > -1, // 蘋果、谷歌內核
      gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") === -1, // 火狐內核
      mobile: !!u.match(/AppleWebKit.*Mobile.*/), // 是否為移動終端
      ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), // ios終端
      android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1 || u.indexOf("Adr") > -1, // android終端或uc瀏覽器
      iPhone: u.indexOf("iPhone") > -1, // 是否為iPhone或者QQHD瀏覽器
      iPad: u.indexOf("iPad") > -1, // 是否iPad
      webApp: u.indexOf("Safari") === -1,
      weixin: u.indexOf("MicroMessenger") > -1, // 是否微信 （2015-01-22新增）
      qq: u.indexOf(" QQ") > -1 // 是否QQ
      // 是否web應該程序，沒有頭部與底部
    }
  }()),
  language: (navigator.browserLanguage || navigator.language)
    .toLowerCase()
}

export default browser

二、在需要判斷的組件里局部引用此文件

import browser from "common/js/judge_device.js"

假設需要判斷該瀏覽器是否是微信瀏覽器

console.log(browser.versions.weixin) // true就是微信瀏覽器，否則為其他瀏覽器

GPU云服務器云服務器 js瀏覽器判斷代碼 JS判斷瀏覽器 js判斷用戶瀏覽器判斷當前瀏覽器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101342.html

JS note ---語句

語句 JavaScript 語句向瀏覽器發出的命令語句的作用是告訴瀏覽器該做什么。 JS就是由一條一條的語句構成的每一條語句使用;結尾 JS中的語句默認是由上至下順序執行的但是我們也可以通過一些流程控制語句來控制語句的執行順序代碼塊代碼塊是在大括號{}中所寫的語句將多條語句的集合視為一條語句來使用一般使用代碼塊將需要一起執行的語句進行分組代碼塊結尾不需要加分號 ...

劉玉平 2019-08-23 10:50 評論0 收藏0
js筆記系列之--Navigator對象理解及判斷

摘要：入門系列之位置及相對位置事件坐標對象在寫前端頁面的時候，我們會碰到不同瀏覽器下不同邏輯的情況。指明系統是否處于脫機模式的布爾值。運行瀏覽器的操作系統平臺。由客戶機發送服務器的頭部的值。 js入門系列之位置及相對位置事件坐標 Navigator對象在寫前端頁面的時候，我們會碰到不同瀏覽器下不同邏輯的情況。這個時候我們就有必要通過js代碼來確認當前瀏覽器的種類以及版本，這個時候我們...

高勝山 2019-08-22 15:20 評論0 收藏0
<<編寫可維護的javascript>> 筆記8(避免'空比較&#

摘要：中常常會看到這種代碼變量與的比較這種用法很有問題用來判斷變量是否被賦予了一個合理的值比如不好的寫法執行一些邏輯這段代碼中方法顯然是希望是一個數組因為我們看到的擁有和這段代碼的意圖非常明顯如果參數不是一個數組則停止接下來的操作這種寫法的問題在 js中, 常常會看到這種代碼: 變量與null的比較(這種用法很有問題), 用來判斷變量是否被賦予了一個合理的值. 比如: const Contr...

young.li 2019-08-21 18:40 評論0 收藏0
有了 TensorFlow.js，瀏覽器中就能進行實時人體姿勢判斷

摘要：反饋檢測到的每個人的置信度值以及檢測到的每個姿勢關鍵點。姿勢置信度這決定了姿勢判斷的整體置信度。在較高級別，這將控制回饋的姿勢較低置信度分數。只有在調整姿勢置信度得分不夠好的情況下，為了過濾掉不太準確的姿勢，該數值應該增加或減少。文 / Dan Oved，Google Creative Lab 的自由創意技術專家，紐約大學 ITP 的研究生。編輯和插圖 / 創意技術專家 Irene Alv...

KaltZK 2019-04-25 18:28 評論0 收藏0