很久不見(jiàn)啦 (?????) 🧐

文章導(dǎo)航

• • HTML判斷
  • JavaScript判斷
  • • 1. 判斷IE瀏覽器
    • 2. IE10及以下版本瀏覽器
    • 3. 判斷其他瀏覽器

---

因?yàn)闉g覽器之間的差異，兼容IE 應(yīng)該是前端開(kāi)發(fā)中最令人頭大的事情了！

注：新版的 Edge 已經(jīng)擁抱 Chromium 內(nèi)核，與 IE 脫離了關(guān)系。舊版的 Edge 也將在 2021 年結(jié)束支持。(在微軟 Win10 20H 的系統(tǒng)版本中，新版 Edge 替代舊版作為系統(tǒng)內(nèi)置的瀏覽器)

HTML判斷

針對(duì) IE10 以下的版本 (不包括 IE 10，除此之外也不包括 IE 11 和 Edge (舊版))，因?yàn)?IE10 及以上版本不支持這樣判斷了。

<!--[if IE 6]> IE6 <![endif]--><!--[if lte IE 6]> IE6及以下版本 <![endif]--><!--[if lt IE 6]> IE6以下版本 <![endif]--><!--[if gte IE 6]> IE6及以上版本 <![endif]--><!--[if gt IE 6]> IE6以上版本 <![endif]--><!--[if IE]> 所有的IE可識(shí)別 <![endif]--> <!--[if !IE]><!--> 除了IE9及以下版本不能識(shí)別，其余所有瀏覽器都能識(shí)別 <!--<![endif]-->

JavaScript判斷

1. 判斷IE瀏覽器

//除了edge所有IE瀏覽器返回true function isIE() {if (!!window.ActiveXObject || 'ActiveXObject' in window)return trueelsereturn false }

2. IE10及以下版本瀏覽器

針對(duì) IE10 及以下版本瀏覽器，還可以通過(guò)下面的方式判斷

//IE10及以下版本返回true function isIE() {if (window.navigator.userAgent.indexOf("MSIE") >= 1)return trueelsereturn false }

3. 判斷其他瀏覽器

先看下不同瀏覽器的 userAgent：

谷歌瀏覽器 Chrome

火狐瀏覽器 Firefox

Safari瀏覽器 Safari

Opera瀏覽器 Opera (應(yīng)該使用 OPR 吧)

Edge (舊版) Edge

Edge (新版) Edg

原理都是獲取 navigator.userAgent 參數(shù)來(lái)判斷，但是返回值是有特殊性的，所以判斷的順序要注意下。

function getBrowser() {var browserList = ['opr', 'edge', 'edg', 'chrome', 'firefox', 'safari'],userAgent = navigator.userAgent.toLowerCase()if (!!window.ActiveXObject || 'ActiveXObject' in window)return 'ie'for (var index in browserList) {if (browserType = userAgent.indexOf(browserList[index]) > -1)return browserList[index]} }

總結(jié)

以上是生活随笔為你收集整理的判断浏览器类型 (区分IE浏览器)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。