首页 > 代码库 > 前端适配规范

前端适配规范

<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)