打包后 safari 兼容错误处理

时间显示null/null/null null:null:null【解决】

safari不支持 new Date('2020-01-01')
把-改为/即可,例如:new Date('2020/01/01')

图片无法显示【解决】

image.png

打包后的本地图片在Safari上显示的全是蓝底小问号,然而在Chrome却是岁月静好...orz
在网上搜了N圈答案,回答最多的解决方案如下:

  1. Safari不支持img标签带有class属性,必须为{ width:100%; height: 100% },外层添加一个父容器设置class,让里面的img继承爸爸的样式;

2.base64的图片是否能被3或4整除,因为Safari不支持不能被3或4整除的路径;

3.cdn的证书有问题;

4.是否是https的问题,因为苹果对安全很注重。

排除了以上答案之后,猜测是不是我打包配置里面对图片做了处理,处理后的图片兼容性有问题?


image.png

注释了这一大段辛辛苦苦写的代码之后,重新打包就解决了。

嗯,就是如此简单。以上!

推荐阅读更多精彩内容