没有合适的资源?快使用搜索试试~ 我知道了~
手机WebApp开发者指导规范.pdf
5星 · 超过95%的资源 需积分: 10 75 下载量 42 浏览量
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币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Screenshot_20240427_031602.jpg
- 网页PDF_2024年04月26日 23-46-14_QQ浏览器网页保存_QQ浏览器转格式(6).docx
- 直接插入排序,冒泡排序,直接选择排序.zip
- 在排序2的基础上,再次对快排进行优化,其次增加快排非递归,归并排序,归并排序非递归版.zip
- 实现了7种排序算法.三种复杂度排序.三种nlogn复杂度排序(堆排序,归并排序,快速排序)一种线性复杂度的排序.zip
- 冒泡排序 直接选择排序 直接插入排序 随机快速排序 归并排序 堆排序.zip
- 课设-内部排序算法比较 包括冒泡排序、直接插入排序、简单选择排序、快速排序、希尔排序、归并排序和堆排序.zip
- Python排序算法.zip
- C语言实现直接插入排序、希尔排序、选择排序、冒泡排序、堆排序、快速排序、归并排序、计数排序,并带图详解.zip
- 常用工具集参考用于图像等数据处理
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功