dva框架兼容ie浏览器常见问题

基于dva框架兼容IE浏览器常见问题收录

1、打开浏览器出现空白，控制台报错“对象不支持“startsWith”属性或方法”

  解决方案：

  a、安装babel-polyfill    

npm install babel-polyfill --save

 b、index.js入口文件顶部引用 
      import 'babel-polyfill';

2、IE浏览器GET请求缓存问题（同一个get请求相同参数会直接从缓存中拿）

方案一：
   在get请求后面添加一个参数 t= 时间戳
   t = new Date().getTime();

方案二：
   请求头中加：
   ['Cache-Control'] = 'no-cache';
   ['Pragma'] = 'no-cache';

3、在jsx中单独为特定浏览器设置样式

检测浏览器类型方法：

// 获取浏览器类型function getBrowserType() {const userAgent = navigator.userAgent; //取得浏览器的userAgent字符串const isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器const isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera || userAgent.indexOf("rv:11") > -1; //判断是否IE浏览器const isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器const isFirefox = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器const isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") === -1; //判断是否Safari浏览器const isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器if (isIE) {if(userAgent.indexOf("rv:11") > -1) {return 'IE11';}if(userAgent.indexOf("rv:12") > -1) { //这一段还没验证return "IE12";}const reIE = new RegExp("MSIE (\\d+\\.\\d+);");reIE.test(userAgent);const fIEVersion = parseFloat(RegExp["$1"]);if (fIEVersion === 7) {return "IE7";} else if (fIEVersion === 8) {return "IE8";} else if (fIEVersion === 9) {return "IE9";} else if (fIEVersion === 10) {return "IE10";} else if (fIEVersion === 11) {return "IE11";} else if (fIEVersion === 12) {return "IE12";} else {return "0"; //IE版本过低}} //isIE endif (isFirefox) return "FF";if (isOpera) return "Opera";if (isSafari) return "Safari";if (isChrome) return "Chrome";if (isEdge) return "Edge";}

eg:

// 判断浏览器类型是否为ieconst isIE = getBrowserType().includes('IE');{color: `${isIE ? '#FFFFFF' : '#000000'}`}}>ie中字体白色

4、new Date在ie浏览器的兼容性

如果时间是2020-03-16 08:00
使用ie浏览器输出new Date("2020-03-16 08:00")为NaN

解决办法把字符串中的“-”换成“/”就行了,方法为.replace(/-/g,"/")

-----------未完待续，后续持续更新-------------

小伙伴们感觉有帮助的话希望点个赞哟，如果有问题或疑问欢迎大家评论区留言，看到后第一时间回复。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！