首页 > 代码库 > 前端适配规范
前端适配规范
<style id="wiz_custom_css" type="text/css">body{ font-family: Verdana; font-size: 11pt; line-height: 1.5;}html, body{ color: black; background-color: white;}h1 { font-size:1.5em; font-weight:bold;}h2 { font-size:1.4em; font-weight:bold;}h3 { font-size:1.3em; font-weight:bold;}h4 { font-size:1.2em; font-weight:bold;}h5 { font-size:1.1em; font-weight:bold;}h6 { font-size:1.0em; font-weight:bold;}img { border:0; max-width: 100%;}blockquote { margin-top:0px; margin-bottom:0px;}table { border-collapse:collapse; border:1px solid #bbbbbb;}td { border-collapse:collapse; border:1px solid #bbbbbb;}</style>前端适配规范
前端页面兼容性规范
开发者需要重点匹配下列表格中OS版本,如下:
检查项 | 检查内容 |
客户端系统版本 | Android 4.4 |
Andorid 4.3 | |
Android 4.2 | |
Android 4.1 | |
Android 4.0 | |
Android 2.3 | |
iOS 7.0 | |
iOS 6.1 | |
iOS 5.0 | |
iOS 4.3(优先级低) |
Android下开发者需要重点匹配的分辨率,如下:
检查项 | 检查内容 |
分辨率 | 320X480 |
1920*1080 | |
1280*800 |
iOS需要适配所有机型的分辨率
前端页面性能检查
检查项 | 检查内容 |
前端页面检查 | 页面首次加载总大小(包括图片)不能超过200K |
页面二次加载总大小不能超过50K | |
H5页面图片实现懒加载 | |
2g条件下页面从打开到完全显示不超过10秒 | |
H5中的相关资源是否经过压缩 | |
是否存在通过js调用native方法 | |
H5内的资源文件是否使用V,T参数 | |
H5内的资源文件变更后,V,T参数是否变化 | |
外部出口屏蔽检查 |
功能相关
开发者如果在应用中有调用关注、分享组件,需要保证组件的可用性,此部分内部也将纳入兼容性验收的重点考察。
来自为知笔记(Wiz)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。