兼容性问题记录

# js 兼容性

# chrome 83 不兼容 replaceAll 报错

问题描述：replaceAll 兼容性为 chrome85 及以上，firefox77 及以上，IE 不支持

解决方案：用 replace 替换

# IOS 兼容性问题记录

# IOS 不支持时间格式连接符号（-）

ios 浏览器居然不支持解析 yyyy-MM-dd HH:mm:ss 格式的字符串日期，ios 浏览器是支持 yyyy/MM/dd HH:mm:ss 格式的

# IOS13.2 img 标签中空的图片报错(vue2 项目)

问题描述：图片 src 初始化为空，然后进页面调用接口获取图片验证码 base64，在 ios13.2 中渲染不上去，页面报错：Get <img> error, base64 图文为正确的

// tamplate
<img :src="imgCodeSrc" alt="" @click="getImgCode" />
// data
imgCodeSrc: '', // 图片验证码base64
// create
created() {
      this.getImgCode();
},

// method
getImgCode() {
  this.randomNum = Math.random().toString().slice(-6);
  getGraphical({ randomStr: this.randomNum })
    .then((res) => {
      console.log('my console res', res);
      return (
        'data:image/png;base64,' +
        btoa(
          new Uint8Array(res.data).reduce(
            (data, byte) => data + String.fromCharCode(byte),
            ''
          )
        )
      );
    })
    .then((data) => {
      console.log('my console this.imgCodeSrc : ', data);
      this.imgCodeSrc = data;
    }).catch((error => {
      console.log('my console 报错了 : ', error);
    }));
},

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

解决方案：

img 标签中用 v-if 判断 imgCodeSrc
用 van 的 image 组件渲染图片

# swiper4 插件不兼容 ios10

原因：swiper4 依赖 dom7，而 dom7 是用 es6 写的

解决方案：在 vue.config.js 里加入 transpileDependencies: ['swiper', 'dom7']

# IE 浏览器兼容

ie8 以下不支持 JSON.parse， ie8 及以上支持

更新时间: 11/10/2021, 2:45:21 PM

← 虚拟列表视频→