移动端iOS部分兼容
Oct 7, 2019
- iOS引入图片资源时,在https下因为安全机制,不能渲染http的图片
- img标签的onload事件无法在iOS中识别,但js的onload则可以。
替换为 {const img = new Image(); img.onload=function(e){}; img.src=”http://src..."};
- iOS下的input光标层级较高,会在弹出的mask层上展示,需要在 input 的父元素增加
postion:relative
- input输入时,iOS键盘弹起,关闭键盘后,页面内容不自动回弹。iOS下还存在
focusin
focusout
表单两个事件,监听focusout时,页面进行dom回弹即可。 - iOS不像安卓一样,存在开放的文件夹入口,只提供了图片/视频的入口。 当iOS下载文件时,比如word pdf,需要先用APP授权并打开,之后在APP中进行访问。APP间类似独立沙盒,数据不能直接互通。
所以,涉及文件下载的功能点时,需要考虑这点。比如,提供预览,和复制url,引导用户外部下载。