SlideShare a Scribd company logo
1 of 43
浏览器交流
大纲
 已支持功能
 性能分析
 近期开发
 中期计划
 需求收集
已支持功能
 wap1.x
 MRP应用
 计费
 后台下载
 Wap2.0
 页面嵌入插件(widget)
Wap1.x
 页面使用WML格式
 支持图文、输入、按钮、
 选择框等
 支持广泛
 (QQ/sina/sohu/kaixin…)
 目前手机冒泡网的格式
mrp应用
 下载:机型自动适配
 从应用启动浏览器(积
 分上传、wap入口)
 从浏览器启动应用(游
 戏商城等)
计费
 K币
 短代
后台下载
Wap2.0-是什么?




Wap1.0        Wap2.0
Wap2.0-主要变化
 页面使用xhtml-mp格式
 更多的控件支持
 (button/radio/checkbox等)
 通过CSS实现页面样式
Wap2.0-前景、背景和边框
Wap2.0-form

 输入表单
 图片按钮
 单选表单
 多选表单
Wap2.0 限制(冒泡未支持)
 字体样式设置
 背景图片
Wap2.0 限制(冒泡未支持)
 浮动排版
 表格
页面嵌入插件(widget)
 在网页内嵌入插件
 自动下载、运行、卸载
 可对插件操作及网络交互
 应用case:
  天气预报音乐视频即时信息等
Question
性能分析
 服务器性能
 对比QQBrowser
 统计
服务器架构及性能
 按功能划分服务
 多级均衡(dns,lvs,nginx)
 多版本同时运行
服务器架构及性能
 根据性能测试结果,在单台服务器( 8核
 (Intel Xeon E5504 2.00GHz)8G )上,页面服
 务每秒可处理700次请求,图片服务每秒可
 处理2000次请求。
 目前两台8核(Intel Xeon E5504 2.00GHz)8G
 内存服务器,在日PV1200万的情况下,服
 务器CPU最高LOAD为2.0。预计这两台服务
 器最高至少可以支撑日PV2000万
对比QQ-测试目标

 QQ浏览器版本(MTK) QQ2010(271K)
 冒泡浏览器版本(MTK) 1224(103K)


编号 测试页面URL
1  http://sports.sina.cn/?sa=t12d45v18&pos=101&vt=3
2  http://wap.163.com/wml/info/index.jsp?channel=0001&coTy
   peID=wap163
3  http://wap.sohu.com/sports/?ts=ty2
4  http://finance.sina.cn/?pos=101&vt=3
5  http://wap.163.com/wml/info/index.jsp?t=1&channel=0016
6  http://wap.sohu.com/news/?ts=xw1&v=1
对比QQ-页面加载时间
7




6




5




4

                             QQ

3                            冒泡浏览器




2




1




0
    1    2   3   4   5   6
对比QQ-页面流量
12




10




 8




 6                       QQ

                         冒泡浏览器


 4




 2




 0
     1      2    3   4
对比QQ-wap2.0支持
feature                      QQBrowser                    冒泡浏览器
背景图片                         不支持                          不支持
                             标签之间的空格全部被移除,标签内左右端的         标签之间的空格全部被移除,标签
空格的处理
                             空格被移除                        内左右端的空格保留
文字居中样式设置                     支持                           不支持
li和ul支持                      不支持                          不支持
table支持                      支持较好                         不支持
                                                          不支持child,slibing,pseudo选择
css选择器支持                     不支持child,slibing,pseudo选择器
                                                          器
                                                          支持,但padding的处理和w3c的
inlinebox的背景色和margin,padding设置 不支持
                                                          定义不完全一致
blockbox的高宽设定
                             不支持                          不支持

float                        不支持                          不支持
行高设置                         不支持                          支持
inpput                       不支持disabled和readonly的设置      支持
button                       不支持                          不支持
optgroup                     不支持,且选择项完全不显示                不支持,但选择项能够正常显示
外部引入的样式                      不支持                          支持
padding 和 margin 支持          支持,inlinebox支持有限             支持,inlinebox支持有限
pre                          正常处理                         pre中所有元素当作text处理
后退后可以回到原焦点                   支持                           不支持
form中submit另起一行              支持                           不支持
div换行不会有行间距                  不支持                          支持
对比QQ-总结
 页面兼容性:两者相当
 速度方面:两者相当
 流量:冒泡为QQ的60%~80%
 UI:冒泡样式简陋,操作流畅性不及QQ
 辅助工具:QQ提供本地导航页、书签、历
 史、搜索等,冒泡无
PV统计
                  总访问pv
14000000



12000000



10000000



8000000



6000000
                          总访问pv


4000000



2000000



      0
UV统计
                 总访问uv
1200000



1000000



800000



600000

                         总访问uv
400000



200000



     0
mrp下载统计
1000000


900000


800000


700000


600000


500000
                    成功用户数
400000              总下载用户数

300000


200000


100000


     0
Question
近期开发
 超大版功能统一
 内嵌浏览器
 完善与优化
超大版功能统一:当前问题
 功能和接口不一致
  无法进行短代支付
  无后台下载
  无wap2.0支持
  无音乐播放插件

 多版本开发维护成本高
超大版功能统一:目前架构
超大版功能、接口统一:统一架构
超大版功能、接口统一:终端
内嵌浏览器




   Shell与内核分离
内嵌浏览器




  内核可嵌入其他应用
完善与优化
 辅助功能(流量显示、缓存设置等)
 UI(效果、速度、操作方式)
 浮动排版
 多窗口
Question
中期计划
 在线聊天
 上网辅助(导航、搜索等)
 类flash应用
在线聊天
 目标
  上网、聊天、交友 同时进行
  接入统一IM
上网辅助
类flash应用
 目标
  支持类flash应用
  基于Adobe Flash CS4开
   发应用
Question
需求收集
 使用中遇到的问题?
 希望增加的功能??
 顾虑???
谢 谢!

More Related Content

Similar to 冒泡浏览器介绍

再回首重构 仲金龙(麦时) 20120426
再回首重构 仲金龙(麦时) 20120426再回首重构 仲金龙(麦时) 20120426
再回首重构 仲金龙(麦时) 20120426time zhong
 
SVG 初心者分享 @ PIXNET SmallTalk
SVG 初心者分享 @ PIXNET SmallTalkSVG 初心者分享 @ PIXNET SmallTalk
SVG 初心者分享 @ PIXNET SmallTalkJocelyn Hsu
 
SVG 初心者分享
SVG 初心者分享SVG 初心者分享
SVG 初心者分享Jocelyn Hsu
 
Bootstrap 4 超詳盡解析
Bootstrap 4 超詳盡解析Bootstrap 4 超詳盡解析
Bootstrap 4 超詳盡解析Chih-cheng Wang
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例Bob Chao
 
20120516 axure rp prototype design outline
20120516 axure rp prototype design outline20120516 axure rp prototype design outline
20120516 axure rp prototype design outlineturtleknight
 
移动端Web开发性能优化实践
移动端Web开发性能优化实践移动端Web开发性能优化实践
移动端Web开发性能优化实践Mingel Zhang
 

Similar to 冒泡浏览器介绍 (7)

再回首重构 仲金龙(麦时) 20120426
再回首重构 仲金龙(麦时) 20120426再回首重构 仲金龙(麦时) 20120426
再回首重构 仲金龙(麦时) 20120426
 
SVG 初心者分享 @ PIXNET SmallTalk
SVG 初心者分享 @ PIXNET SmallTalkSVG 初心者分享 @ PIXNET SmallTalk
SVG 初心者分享 @ PIXNET SmallTalk
 
SVG 初心者分享
SVG 初心者分享SVG 初心者分享
SVG 初心者分享
 
Bootstrap 4 超詳盡解析
Bootstrap 4 超詳盡解析Bootstrap 4 超詳盡解析
Bootstrap 4 超詳盡解析
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
 
20120516 axure rp prototype design outline
20120516 axure rp prototype design outline20120516 axure rp prototype design outline
20120516 axure rp prototype design outline
 
移动端Web开发性能优化实践
移动端Web开发性能优化实践移动端Web开发性能优化实践
移动端Web开发性能优化实践
 

冒泡浏览器介绍