没有合适的资源?快使用搜索试试~ 我知道了~
手机WebApp开发者指导规范.pdf
5星 · 超过95%的资源 需积分: 10 75 下载量 86 浏览量
2013-11-07
22:25:38
上传
评论 2
收藏 840KB PDF 举报
温馨提示
试读
11页
baidu bae 开放平台web 文档手机WebApp开发者指导规范.pdf
资源推荐
资源详情
资源评论
那些阿拉丁 WebApp 开发者规范
目录
一、 应用宽度&高度规范 ........................................................................................................ 2
1.1 高度 .................................................................................................................................... 2
1.2 宽度 .................................................................................................................................... 2
1.3 效果图 ................................................................................................................................ 2
二、 API 规范 ........................................................................................................................... 2
2.1 刷新 API(baidu.webapp.refresh) .................................................................................. 3
2.2 调整高度 API(baidu.webapp.resize) ............................................................................ 3
2.3 获取数据 API(baidu.webapp.transferData) ....................................................................... 4
2.4 第三方响应收藏(baidu.webapp.collect) ...................................................................... 4
2.5 第三方调用定位接口获取定位数据(baidu.webapp.getLocation) .............................. 4
三、 嵌入方式规范 ................................................................................................................... 6
四、 UI 及交互规范 ................................................................................................................. 6
4.1 UI 规范 ............................................................................................................................... 6
4.2 上线前预览 ........................................................................................................................ 6
4.3 交互规范 ............................................................................................................................ 6
4.4 应用布局规范 .................................................................................................................... 7
五、 统计规范 ........................................................................................................................... 7
六、 响应速度、应用稳定性 ................................................................................................... 8
6.1 响应速度 ............................................................................................................................. 8
6.2 应用服务稳定性 ................................................................................................................ 8
七、 兼容性 ............................................................................................................................. 11
八、 安全性 ............................................................................................................................. 11
一、 应用宽度&高度规范
1.1 高度
根据 WebApp 内容,高度可自行调整。以一屏为最佳,最大不超过 1000 px。
1.2 宽度
对宽度做自适应处理,确保横屏前后的体验一致。
1.3 效果图
嵌入大搜索后,效果如下图所示。
二、 API 规范
为保证 WebApp 嵌入搜索结果页后,用户体验的统一性,我们提供刷新、全屏、调整高
度、第三方响应收藏四个 API 供开发者使用。对于一些检索需求复杂的应用(如火车查询),
我们提供了获取数据 API 供开发者使用(需提前沟通)。
API 引入地址为:http://m.baidu.com/static/ala/webapp/api.js
2.1 刷新 API(baidu.webapp.refresh)
对于部分刷新需求特别强烈的 WebApp(如股票等财经类应用),我们提供刷新 API 供
开发者使用。在开发者中心提交应用时,在“是否需要手动刷新功能”处选择“是”,并在
应用中加入代码,即可实现该功能。
我们提供了三个接口:start,end,timeout。具体用法参考下面两种场景:
第三方响应刷新
第三方主动刷新
2.2 调整高度 API(baidu.webapp.resize)
在应用交互过程中,应尽量从设计上避免高度变化。如确实难以避免,可调用该接口。
<script type="text/javascript">
/*主动刷新,需要初始化刷新 API,并显示调用 start API*/
/*主动刷新,需要初始化刷新 start API 时,指定刷新结束条件并显示调用*/
var refresh=baidu.webapp.refresh({start:function(){alert(' 刷 新 开 始
');if(' 刷 新 结 束 '){this.end();}},end:function(){alert(' 刷 新 结 束 了
');},timeout:function(){alert('刷新超时了');}}).start();
</script>
<script type="text/javascript">
/*响应刷新,只需要初始化刷新 API*/
/*响应刷新,需要初始化刷新 start API 时,指定刷新结束条件并显示调用*/
var refresh=baidu.webapp.refresh({start:function(){alert(' 刷 新 开 始
');if(' 刷 新 结 束 '){this.end();}},end:function(){alert(' 刷 新 结 束 了
');},timeout:function(){alert('刷新超时了');}});
</script>
Start:开始刷新时调用
End:刷新结束时调用
Timeout:刷新超时时调用,超时设置为 15s
剩余10页未读,继续阅读
资源评论
- laobi182018-06-17可以使用,感谢分享~
- lansan1202015-10-31简洁明了,略显浅显
骐骏
- 粉丝: 39
- 资源: 15
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功