SlideShare ist ein Scribd-Unternehmen logo
1 von 32
移动设备WEB重构 迅雷网络--邹惠斌(Impact)
环境-认识-不仅仅是电话 Mobile 2.0 将电话,计算机网、固定网同移动网结合起来起来     的网络(IP多谋体系统)。 --------即点即连
环境-认识-不仅仅是电话 Mobile Web 2.0 --------即点即做
工具- Series 60 Developer Tools S60第三版的官方模拟器 SDK S60第五版的官方模拟器 SDK 电脑上的S60手机模拟器,支持S60运行sisx等所有程序! 消耗PC内存比较大,建议在1G内存以上
工具-Windows Mobile 6 SDK Windows Mobile 平台调试工具 要在PC端模拟上网,必须要在VISTA 系统下才可以配置成功。
工具-Opera mobile simulator OperaWidgets是一个小巧而功能强大的跨平台互联网套件,包括网页浏览、下载管理、邮件客户端、RSS阅读器、IRC聊天、新闻组阅读、快速笔记、幻灯显示(Operashow)等功能。
工具- iBBDemo4B 目前版本,PC系统需要安装Safari4以下的版本,才可以运行。
工具-Firefox插件-XHTML Mobile Profile 用它可以对访问的页面进行 是否符合xhtml规范的检查。
工具-建议 建议用多个模拟器并行测试,但是也有可能会和真机测试有偏差,如果条件容许下,用真机测试是最好的。
结构-J2EE展示层 HTML标记语言 移动设备对table,td…支持比较差。
结构-J2EE展示层-WML WML-无线标记语言 事件:WAP最初的提出,HTML3.2多数复杂的格式在移动设备中无法工作。
结构-J2EE展示层-WML <?xml version="1.0"?>  <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"   "http://www 。wapforum 。org/DTD/wml_1.1.xml">  <wml>   <card id=“phone" title=" phone ">       phone!       </card>   </wml>  显示结果如下:  ------  phone------   phone!
结构-J2EE展示层-WML-卡片组 HTTP/HTML模式在每个HTTP循环中包括一个请求。 WML可以通过页面进行“预获取”来加快相应速度。
结构-J2EE展示层-WML-卡片组 第1第2浏览器发出请求 第3,4到某个特点资源所运行的J2EE服务器 第5输出为卡片组
结构-J2EE展示层-WML-WAP二进制XML 在RF网络进行传输中,我们发费超过一半的时间来传输这些用户从来不想看的数据,那么WML可以很好的解决这个问题。 在WML中,所传输的、用以替代HTML流的ML流是经过二进制编码的,目的是压缩元数据。 浏览器可以并行显示和接受WML流
结构-J2EE展示层-WML-WAP二进制XML 编码后的WML输出被称为WAP二进制XML,或者叫做WBXML
结构-J2EE展示层-WML-WAP二进制XML 采用WBXML编码,我们将原数据降低到整个相应流的16%,尽管这是 一个孤立的例子,但仍然说明WBXML可以非常显著的减少负载。
结构-J2EE展示层-XHTML-MP XHTML Mobile Profile是基于XHTML Basic 的XHTML 1.1 的严格子集。
结构-J2EE展示层-XHTML-MP XHTML-MP 1.2
结构-J2EE展示层-XHTML-MP 更丰富的格式支持。 对WCSS的支持。
结构-J2EE展示层-XHTML-MP XHTML MP 与 WML 比较
结构-J2EE展示层-应用杀手 手机平台下还要考虑语义化标签吗?
表现-WCSS WAP2.0下专属的CSS:WCSS (WAP Cascading Style Sheet ) 是CSS2的子集+一些WAP特有的扩展
表现-WCSS-扩展
表现-WCSS-应用杀手 1.不同的移动设备浏览器支持WCSS的属性差异比较大。 2.外部WCSS不存在于手机的Cache。
表现-WCSS-应用杀手 考虑任务列表而不是小册子
表现-WCSS-应用杀手 应用背景图,白色字
表现-WCSS-应用杀手 -------用了Float -------用了Float (UCWEB6.7、QQ浏览器)
表现-WCSS-应用杀手 建议一:平滑降级         -------在最小公分母设计中,我们不用任何“先进” 的特性,从而处于“安全”的地位,在平滑降级中,即使 浏览器缺少很多特性,但可显示性达到了最大化。
表现-WCSS-应用杀手 ------较低端手机平台 针对Iphone和Android ------
表现-WCSS-应用杀手 建议二:个别兼容,个别不同展现。         -------要一套样式兼容多个平台是不可能的 例如:S60v3 和 S60v5的字体大小就需要不同的 SIZE来控制。         针对个别高端手机做出不同的样式表现。(或是 判断自动选择或是让用户选择)
移动设备WEB重构 虽然还有好长的路要走,但是却离我们很近! ------感谢WebRebuild组委会 THANKS!

Weitere ähnliche Inhalte

Andere mochten auch

潘杰茂_网络图像优化
潘杰茂_网络图像优化潘杰茂_网络图像优化
潘杰茂_网络图像优化
Webrebuild
 
重构 这一路走来
重构 这一路走来重构 这一路走来
重构 这一路走来
Webrebuild
 
石玉磊 Web rebuild
石玉磊 Web rebuild石玉磊 Web rebuild
石玉磊 Web rebuild
Webrebuild
 
C:\fakepath\pavasaris
C:\fakepath\pavasarisC:\fakepath\pavasaris
C:\fakepath\pavasaris
violastrode
 
Qmail rebuild_by_nico
Qmail rebuild_by_nicoQmail rebuild_by_nico
Qmail rebuild_by_nico
Webrebuild
 

Andere mochten auch (9)

潘杰茂_网络图像优化
潘杰茂_网络图像优化潘杰茂_网络图像优化
潘杰茂_网络图像优化
 
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
 
Marketing planoutline
Marketing planoutlineMarketing planoutline
Marketing planoutline
 
Neielaist krīzi dvēselē
Neielaist krīzi dvēselēNeielaist krīzi dvēselē
Neielaist krīzi dvēselē
 
重构 这一路走来
重构 这一路走来重构 这一路走来
重构 这一路走来
 
石玉磊 Web rebuild
石玉磊 Web rebuild石玉磊 Web rebuild
石玉磊 Web rebuild
 
C:\fakepath\pavasaris
C:\fakepath\pavasarisC:\fakepath\pavasaris
C:\fakepath\pavasaris
 
Qmail rebuild_by_nico
Qmail rebuild_by_nicoQmail rebuild_by_nico
Qmail rebuild_by_nico
 
Marketing planoutline
Marketing planoutlineMarketing planoutline
Marketing planoutline
 

Ähnlich wie 迅雷邹惠斌(Impact) 移动设备web重构

手机上面的Ria应用
手机上面的Ria应用手机上面的Ria应用
手机上面的Ria应用
Kenshin Wang
 
netis WF2412、WF2411無線橋接模式 – WISP
netis WF2412、WF2411無線橋接模式 – WISPnetis WF2412、WF2411無線橋接模式 – WISP
netis WF2412、WF2411無線橋接模式 – WISP
臺灣塔米歐
 
什么手机适配 Mobile application adaptation
什么手机适配   Mobile application adaptation 什么手机适配   Mobile application adaptation
什么手机适配 Mobile application adaptation
xj8848
 
Monitouch Express Vol09
Monitouch Express Vol09Monitouch Express Vol09
Monitouch Express Vol09
monitouch
 
Cisco路由器产品介绍1
Cisco路由器产品介绍1Cisco路由器产品介绍1
Cisco路由器产品介绍1
zhjun
 
mobile_netis WF2412無線橋接模式 – WISP
mobile_netis WF2412無線橋接模式 – WISPmobile_netis WF2412無線橋接模式 – WISP
mobile_netis WF2412無線橋接模式 – WISP
臺灣塔米歐
 
mobile_netis WF2412、WF2411無線橋接模式 – WISP
mobile_netis WF2412、WF2411無線橋接模式 – WISPmobile_netis WF2412、WF2411無線橋接模式 – WISP
mobile_netis WF2412、WF2411無線橋接模式 – WISP
臺灣塔米歐
 
香港六合彩
香港六合彩香港六合彩

Ähnlich wie 迅雷邹惠斌(Impact) 移动设备web重构 (20)

手机上面的Ria应用
手机上面的Ria应用手机上面的Ria应用
手机上面的Ria应用
 
什么是云计算
什么是云计算什么是云计算
什么是云计算
 
行動技術開發概論
行動技術開發概論行動技術開發概論
行動技術開發概論
 
雲端運算期中分組報告
雲端運算期中分組報告雲端運算期中分組報告
雲端運算期中分組報告
 
千万级并发在线推送系统架构解析 | 个信互动 叶新江
千万级并发在线推送系统架构解析 | 个信互动 叶新江千万级并发在线推送系统架构解析 | 个信互动 叶新江
千万级并发在线推送系统架构解析 | 个信互动 叶新江
 
Proba2
Proba2Proba2
Proba2
 
Proba2
Proba2Proba2
Proba2
 
SWsoft_Prim@Telecom
SWsoft_Prim@TelecomSWsoft_Prim@Telecom
SWsoft_Prim@Telecom
 
Tech days2011
Tech days2011Tech days2011
Tech days2011
 
netis WF2412、WF2411無線橋接模式 – WISP
netis WF2412、WF2411無線橋接模式 – WISPnetis WF2412、WF2411無線橋接模式 – WISP
netis WF2412、WF2411無線橋接模式 – WISP
 
什么手机适配 Mobile application adaptation
什么手机适配   Mobile application adaptation 什么手机适配   Mobile application adaptation
什么手机适配 Mobile application adaptation
 
Monitouch Express Vol09
Monitouch Express Vol09Monitouch Express Vol09
Monitouch Express Vol09
 
Mobile Beacon SDK- Getting-started (Traditional Chinese)
Mobile Beacon SDK- Getting-started (Traditional Chinese)Mobile Beacon SDK- Getting-started (Traditional Chinese)
Mobile Beacon SDK- Getting-started (Traditional Chinese)
 
Cisco路由器产品介绍1
Cisco路由器产品介绍1Cisco路由器产品介绍1
Cisco路由器产品介绍1
 
mobile_netis WF2412無線橋接模式 – WISP
mobile_netis WF2412無線橋接模式 – WISPmobile_netis WF2412無線橋接模式 – WISP
mobile_netis WF2412無線橋接模式 – WISP
 
mobile_netis WF2412、WF2411無線橋接模式 – WISP
mobile_netis WF2412、WF2411無線橋接模式 – WISPmobile_netis WF2412、WF2411無線橋接模式 – WISP
mobile_netis WF2412、WF2411無線橋接模式 – WISP
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
 

Mehr von Webrebuild

构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Webrebuild
 
Script with engine
Script with engineScript with engine
Script with engine
Webrebuild
 
Css3之颜色与半透明
Css3之颜色与半透明Css3之颜色与半透明
Css3之颜色与半透明
Webrebuild
 
移动网站的兼容性探索
移动网站的兼容性探索移动网站的兼容性探索
移动网站的兼容性探索
Webrebuild
 
Css schema by_sofish
Css schema by_sofishCss schema by_sofish
Css schema by_sofish
Webrebuild
 
重构的价值转化 By impact
重构的价值转化 By impact重构的价值转化 By impact
重构的价值转化 By impact
Webrebuild
 
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Webrebuild
 
张思坚 浏览器兼容性
张思坚 浏览器兼容性张思坚 浏览器兼容性
张思坚 浏览器兼容性
Webrebuild
 
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
Webrebuild
 
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
Webrebuild
 

Mehr von Webrebuild (18)

构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
 
Script with engine
Script with engineScript with engine
Script with engine
 
Css3之颜色与半透明
Css3之颜色与半透明Css3之颜色与半透明
Css3之颜色与半透明
 
移动网站的兼容性探索
移动网站的兼容性探索移动网站的兼容性探索
移动网站的兼容性探索
 
陈子舜-Html5 based web app
陈子舜-Html5 based web app陈子舜-Html5 based web app
陈子舜-Html5 based web app
 
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
 
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
 
微观重构 黄婉芳
微观重构 黄婉芳微观重构 黄婉芳
微观重构 黄婉芳
 
年会主持 By pufen
年会主持 By pufen年会主持 By pufen
年会主持 By pufen
 
年会主持 By pufen
年会主持 By pufen年会主持 By pufen
年会主持 By pufen
 
Css schema by_sofish
Css schema by_sofishCss schema by_sofish
Css schema by_sofish
 
重构的价值转化 By impact
重构的价值转化 By impact重构的价值转化 By impact
重构的价值转化 By impact
 
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
 
张思坚 浏览器兼容性
张思坚 浏览器兼容性张思坚 浏览器兼容性
张思坚 浏览器兼容性
 
飘飘 年会主持
飘飘 年会主持飘飘 年会主持
飘飘 年会主持
 
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
 
陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会陈军 Scrum敏捷项目管理-重构年会
陈军 Scrum敏捷项目管理-重构年会
 
郑焕义 重温网站重构
郑焕义 重温网站重构郑焕义 重温网站重构
郑焕义 重温网站重构
 

迅雷邹惠斌(Impact) 移动设备web重构