移动端开发经常遇到一些兼容性问题,我的安卓机兼容一切,业务的苹果机比较叛逆。
因此以后记录下各种叛逆问题和解决方法。(*^▽^*)
1、iOS页面不回显图片。
问题描述:第一个页面上传了图片,第二个页面业务反馈无法回显图片。用浏览器和我的安卓机是可以回显的呀!业务的苹果机不能回显。
原因:这个页面的元素是根据后端的配置生成出来的,页面渲染的时候,我先是从缓存里拿了数据赋值,然后才生成表单显示。可能两个方法的顺序问题造成ios无法回显。
解决:修改方法调用顺序,先让页面表单元素渲染,再调用元素的赋值。改了之后,苹果机反馈没问题。
2、iOS跳转下一个页面跳转不了
问题描述:点击下一步的时候跳转不了
原因:使用vconsole之后发现页面有报错,是setItem的错误,刚好点击下一步的方法里面,有一个缓存的设置sessionstorage.setItem。这个主要原因是sessionstorage塞不了太多东西。
解决:查看是否有非必要的缓存,不能塞太多内容到sessionStorage。
缓存的清理:
页面初始化前,或者整个页面流程结束后,可以清理一下会话缓存,避免缓存累积过多,后续无法使用出现异常。
1、sessionStorage.removeItem('key');//清理具体值
2、sessionStorage.clear();//慎用,确认都是不要的就可以清