很久不見啦 (?????) 🧐

文章導航

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

---

因為瀏覽器之間的差異，兼容IE 應該是前端開發中最令人頭大的事情了！

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

HTML判斷

針對 IE10 以下的版本 (不包括 IE 10，除此之外也不包括 IE 11 和 Edge (舊版))，因為 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可識別 <![endif]--> <!--[if !IE]><!--> 除了IE9及以下版本不能識別，其余所有瀏覽器都能識別 <!--<![endif]-->

JavaScript判斷

1. 判斷IE瀏覽器

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

2. IE10及以下版本瀏覽器

針對 IE10 及以下版本瀏覽器，還可以通過下面的方式判斷

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

3. 判斷其他瀏覽器

先看下不同瀏覽器的 userAgent：

谷歌瀏覽器 Chrome

火狐瀏覽器 Firefox

Safari瀏覽器 Safari

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

Edge (舊版) Edge

Edge (新版) Edg

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

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]} }

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。