如何兼容IE11浏览器 发表于 2020-03-03 | 直接上HTML例子好了.总结一下我会做三点 使用edge的模拟器,头部修改 兼容ES6的语法, 使用babel等库 建议低版本的IE用户跳转下载谷歌浏览器. 这点不一定都合适. 仅供参考. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!-- 1. 使用edge的模拟器,头部修改 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Title</title><!-- 引入sweetalert弹框,需要下载文件下来 --> <link rel="stylesheet" href="/static/lib/sweetalert2/sweetalert2.min.css"> <script src="/static/lib/sweetalert2/sweetalert2.min.js"></script><!-- 2. 兼容ES6的语法 --><!-- 必须导入这三个文件,同样自行下载 --> <script src="/static/lib/babel/browser.min.js"></script> <script src="/static/lib/babel/browser-polyfill.min.js"></script> <script src="/static/lib/babel/babel.min.js"></script></head><body><!-- 无论是引用外部js,还是在里面写,都必须加上 type="text/babel" --><script type="text/babel">// const log = console.log.bind(console)</script><script type="text/babel" src="/static/js/leavePrint.js"></script><script> // 3.建议低版本的IE用户跳转下载谷歌浏览器 function IEVersion() { var userAgent = navigator.userAgent var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 // var isEdge = userAgent.indexOf("Edge") > -1 && !isIE // var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1 if (!isIE) { var reIE = new RegExp("MSIE (\\d+\\.\\d+);") reIE.test(userAgent) var fIEVersion = Number(RegExp["$1"]) var bannedVersions = [7, 8, 9, 10] if (bannedVersions.includes(fIEVersion)) { Swal.fire({ title: '请下载谷歌浏览器获得更好体验', confirmButtonText: '马上下载', }) } } } var __main = function () { IEVersion() } __main()</script></body></html>