Suche senden
Hochladen
移动设备web重构
•
Als PPTX, PDF herunterladen
•
1 gefällt mir
•
732 views
裕波 周
Folgen
迅雷邹惠斌(Impact) 移动设备web重构 webrebuild.org
Weniger lesen
Mehr lesen
Technologie
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 32
Jetzt herunterladen
Empfohlen
WS3222的WPS按鈕,須按幾秒鐘才會生效?
WS3222的WPS按鈕,須按幾秒鐘才會生效?
臺灣塔米歐
“可組合式智能宜家系統” 系統積木 系列產品合作與策略授權計畫綱要 (Smart Home GiMu Project)
“可組合式智能宜家系統” 系統積木 系列產品合作與策略授權計畫綱要 (Smart Home GiMu Project)
HermesDDS2015
優網通2016年 - 技術產品與服務
優網通2016年 - 技術產品與服務
HermesDDS2015
SKYNET野外智慧安全互聯網
SKYNET野外智慧安全互聯網
Kevin cheng
Ai ball wifi Spy Camera User Guide
Ai ball wifi Spy Camera User Guide
george david
Wireless 簡報
Wireless 簡報
Chia-Yen Lin
個人電腦、網電腦與私雲電腦 ( 雲端科技 )
個人電腦、網電腦與私雲電腦 ( 雲端科技 )
HermesDDS
Homework 3
Homework 3
kkLiu
Empfohlen
WS3222的WPS按鈕,須按幾秒鐘才會生效?
WS3222的WPS按鈕,須按幾秒鐘才會生效?
臺灣塔米歐
“可組合式智能宜家系統” 系統積木 系列產品合作與策略授權計畫綱要 (Smart Home GiMu Project)
“可組合式智能宜家系統” 系統積木 系列產品合作與策略授權計畫綱要 (Smart Home GiMu Project)
HermesDDS2015
優網通2016年 - 技術產品與服務
優網通2016年 - 技術產品與服務
HermesDDS2015
SKYNET野外智慧安全互聯網
SKYNET野外智慧安全互聯網
Kevin cheng
Ai ball wifi Spy Camera User Guide
Ai ball wifi Spy Camera User Guide
george david
Wireless 簡報
Wireless 簡報
Chia-Yen Lin
個人電腦、網電腦與私雲電腦 ( 雲端科技 )
個人電腦、網電腦與私雲電腦 ( 雲端科技 )
HermesDDS
Homework 3
Homework 3
kkLiu
从问题开始,谈前端架构
从问题开始,谈前端架构
裕波 周
OwaNEXT
OwaNEXT
Fred Chien
fis
fis
fansekey
重构代码修炼之道
重构代码修炼之道
Smallni Ding
Inspire dgt 網路技術分享_css+js_20110307
Inspire dgt 網路技術分享_css+js_20110307
inspire digital
当我们谈论WebApp - Openparty
当我们谈论WebApp - Openparty
Xiaoping Feng
《一专多长》——Twinsen[梁璟彪]
《一专多长》——Twinsen[梁璟彪]
裕波 周
Introduce rails and rubymine
Introduce rails and rubymine
Calvin Huang
Make your web faster
Make your web faster
德生 谭
前端模块化开发
前端模块化开发
xiaojueqq12345
最终 大屏手机上的设计策略
最终 大屏手机上的设计策略
麦哥UE
从问题开始,前端,架构、框架与库的实战
从问题开始,前端,架构、框架与库的实战
裕波 周
baidu开发者大会 - Web App开发框架介绍以及分析
baidu开发者大会 - Web App开发框架介绍以及分析
joylite
高粒度模块化的前端开发
高粒度模块化的前端开发
iddcn
重构之道 触屏篇
重构之道 触屏篇
麦哥UE
web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享
裕波 周
手机上面的Ria应用
手机上面的Ria应用
Kenshin Wang
什么是云计算
什么是云计算
Liyang Tang
行動技術開發概論
行動技術開發概論
My own sweet home!
雲端運算期中分組報告
雲端運算期中分組報告
Yosheng Zhang
千万级并发在线推送系统架构解析 | 个信互动 叶新江
千万级并发在线推送系统架构解析 | 个信互动 叶新江
imShining @DevCamp
Proba2
Proba2
mginkov
Weitere ähnliche Inhalte
Andere mochten auch
从问题开始,谈前端架构
从问题开始,谈前端架构
裕波 周
OwaNEXT
OwaNEXT
Fred Chien
fis
fis
fansekey
重构代码修炼之道
重构代码修炼之道
Smallni Ding
Inspire dgt 網路技術分享_css+js_20110307
Inspire dgt 網路技術分享_css+js_20110307
inspire digital
当我们谈论WebApp - Openparty
当我们谈论WebApp - Openparty
Xiaoping Feng
《一专多长》——Twinsen[梁璟彪]
《一专多长》——Twinsen[梁璟彪]
裕波 周
Introduce rails and rubymine
Introduce rails and rubymine
Calvin Huang
Make your web faster
Make your web faster
德生 谭
前端模块化开发
前端模块化开发
xiaojueqq12345
最终 大屏手机上的设计策略
最终 大屏手机上的设计策略
麦哥UE
从问题开始,前端,架构、框架与库的实战
从问题开始,前端,架构、框架与库的实战
裕波 周
baidu开发者大会 - Web App开发框架介绍以及分析
baidu开发者大会 - Web App开发框架介绍以及分析
joylite
高粒度模块化的前端开发
高粒度模块化的前端开发
iddcn
重构之道 触屏篇
重构之道 触屏篇
麦哥UE
web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享
裕波 周
Andere mochten auch
(16)
从问题开始,谈前端架构
从问题开始,谈前端架构
OwaNEXT
OwaNEXT
fis
fis
重构代码修炼之道
重构代码修炼之道
Inspire dgt 網路技術分享_css+js_20110307
Inspire dgt 網路技術分享_css+js_20110307
当我们谈论WebApp - Openparty
当我们谈论WebApp - Openparty
《一专多长》——Twinsen[梁璟彪]
《一专多长》——Twinsen[梁璟彪]
Introduce rails and rubymine
Introduce rails and rubymine
Make your web faster
Make your web faster
前端模块化开发
前端模块化开发
最终 大屏手机上的设计策略
最终 大屏手机上的设计策略
从问题开始,前端,架构、框架与库的实战
从问题开始,前端,架构、框架与库的实战
baidu开发者大会 - Web App开发框架介绍以及分析
baidu开发者大会 - Web App开发框架介绍以及分析
高粒度模块化的前端开发
高粒度模块化的前端开发
重构之道 触屏篇
重构之道 触屏篇
web标准化交流会上海站bobby分享
web标准化交流会上海站bobby分享
Ähnlich wie 移动设备web重构
手机上面的Ria应用
手机上面的Ria应用
Kenshin Wang
什么是云计算
什么是云计算
Liyang Tang
行動技術開發概論
行動技術開發概論
My own sweet home!
雲端運算期中分組報告
雲端運算期中分組報告
Yosheng Zhang
千万级并发在线推送系统架构解析 | 个信互动 叶新江
千万级并发在线推送系统架构解析 | 个信互动 叶新江
imShining @DevCamp
Proba2
Proba2
mginkov
Proba2
Proba2
mginkov
SWsoft_Prim@Telecom
SWsoft_Prim@Telecom
webhostingguy
Tech days2011
Tech days2011
lijay chen
netis WF2412、WF2411無線橋接模式 – WISP
netis WF2412、WF2411無線橋接模式 – WISP
臺灣塔米歐
什么手机适配 Mobile application adaptation
什么手机适配 Mobile application adaptation
xj8848
Monitouch Express Vol09
Monitouch Express Vol09
monitouch
Mobile Beacon SDK- Getting-started (Traditional Chinese)
Mobile Beacon SDK- Getting-started (Traditional Chinese)
qumedia
Cisco路由器产品介绍1
Cisco路由器产品介绍1
zhjun
mobile_netis WF2412無線橋接模式 – WISP
mobile_netis WF2412無線橋接模式 – WISP
臺灣塔米歐
mobile_netis WF2412、WF2411無線橋接模式 – WISP
mobile_netis WF2412、WF2411無線橋接模式 – WISP
臺灣塔米歐
香港六合彩
香港六合彩
香港六合彩 香港六合彩
香港六合彩
香港六合彩
香港六合彩 香港六合彩
香港六合彩
香港六合彩
香港六合彩 香港六合彩
香港六合彩
香港六合彩
香港六合彩 香港六合彩
Ähnlich wie 移动设备web重构
(20)
手机上面的Ria应用
手机上面的Ria应用
什么是云计算
什么是云计算
行動技術開發概論
行動技術開發概論
雲端運算期中分組報告
雲端運算期中分組報告
千万级并发在线推送系统架构解析 | 个信互动 叶新江
千万级并发在线推送系统架构解析 | 个信互动 叶新江
Proba2
Proba2
Proba2
Proba2
SWsoft_Prim@Telecom
SWsoft_Prim@Telecom
Tech days2011
Tech days2011
netis WF2412、WF2411無線橋接模式 – WISP
netis WF2412、WF2411無線橋接模式 – WISP
什么手机适配 Mobile application adaptation
什么手机适配 Mobile application adaptation
Monitouch Express Vol09
Monitouch Express Vol09
Mobile Beacon SDK- Getting-started (Traditional Chinese)
Mobile Beacon SDK- Getting-started (Traditional Chinese)
Cisco路由器产品介绍1
Cisco路由器产品介绍1
mobile_netis WF2412無線橋接模式 – WISP
mobile_netis WF2412無線橋接模式 – WISP
mobile_netis WF2412、WF2411無線橋接模式 – WISP
mobile_netis WF2412、WF2411無線橋接模式 – WISP
香港六合彩
香港六合彩
香港六合彩
香港六合彩
香港六合彩
香港六合彩
香港六合彩
香港六合彩
Mehr von 裕波 周
web标准化交流会bobby分享
web标准化交流会bobby分享
裕波 周
前端架构漫谈
前端架构漫谈
裕波 周
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
裕波 周
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
裕波 周
白玉磊 Webrebuild
白玉磊 Webrebuild
裕波 周
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
裕波 周
Scrum敏捷项目管理
Scrum敏捷项目管理
裕波 周
重温网站重构
重温网站重构
裕波 周
Ie9 overview
Ie9 overview
裕波 周
浏览器兼容性问题简介 --- 黄昊
浏览器兼容性问题简介 --- 黄昊
裕波 周
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
裕波 周
网站重构Whoami ---- 偷米饭
网站重构Whoami ---- 偷米饭
裕波 周
分层语义化模板实践 ---- 张克军
分层语义化模板实践 ---- 张克军
裕波 周
javascript的分层概念 --- 阿当
javascript的分层概念 --- 阿当
裕波 周
Mehr von 裕波 周
(14)
web标准化交流会bobby分享
web标准化交流会bobby分享
前端架构漫谈
前端架构漫谈
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
白玉磊 Webrebuild
白玉磊 Webrebuild
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
Scrum敏捷项目管理
Scrum敏捷项目管理
重温网站重构
重温网站重构
Ie9 overview
Ie9 overview
浏览器兼容性问题简介 --- 黄昊
浏览器兼容性问题简介 --- 黄昊
揭秘Html5和Css3 ---- 鲁超伍
揭秘Html5和Css3 ---- 鲁超伍
网站重构Whoami ---- 偷米饭
网站重构Whoami ---- 偷米饭
分层语义化模板实践 ---- 张克军
分层语义化模板实践 ---- 张克军
javascript的分层概念 --- 阿当
javascript的分层概念 --- 阿当
移动设备web重构
1.
移动设备WEB重构 迅雷网络--邹惠斌(Impact)
2.
环境-认识-不仅仅是电话 Mobile 2.0
将电话,计算机网、固定网同移动网结合起来起来 的网络(IP多谋体系统)。 --------即点即连
3.
环境-认识-不仅仅是电话 Mobile Web
2.0 --------即点即做
4.
工具- Series 60
Developer Tools S60第三版的官方模拟器 SDK S60第五版的官方模拟器 SDK 电脑上的S60手机模拟器,支持S60运行sisx等所有程序! 消耗PC内存比较大,建议在1G内存以上
5.
工具-Windows Mobile 6
SDK Windows Mobile 平台调试工具 要在PC端模拟上网,必须要在VISTA 系统下才可以配置成功。
6.
工具-Opera mobile simulator
OperaWidgets是一个小巧而功能强大的跨平台互联网套件,包括网页浏览、下载管理、邮件客户端、RSS阅读器、IRC聊天、新闻组阅读、快速笔记、幻灯显示(Operashow)等功能。
7.
工具- iBBDemo4B 目前版本,PC系统需要安装Safari4以下的版本,才可以运行。
8.
工具-Firefox插件-XHTML Mobile Profile
用它可以对访问的页面进行 是否符合xhtml规范的检查。
9.
工具-建议 建议用多个模拟器并行测试,但是也有可能会和真机测试有偏差,如果条件容许下,用真机测试是最好的。
10.
结构-J2EE展示层 HTML标记语言 移动设备对table,td…支持比较差。
11.
结构-J2EE展示层-WML WML-无线标记语言 事件:WAP最初的提出,HTML3.2多数复杂的格式在移动设备中无法工作。
12.
结构-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!
13.
结构-J2EE展示层-WML-卡片组 HTTP/HTML模式在每个HTTP循环中包括一个请求。 WML可以通过页面进行“预获取”来加快相应速度。
14.
结构-J2EE展示层-WML-卡片组 第1第2浏览器发出请求 第3,4到某个特点资源所运行的J2EE服务器
第5输出为卡片组
15.
结构-J2EE展示层-WML-WAP二进制XML 在RF网络进行传输中,我们发费超过一半的时间来传输这些用户从来不想看的数据,那么WML可以很好的解决这个问题。 在WML中,所传输的、用以替代HTML流的ML流是经过二进制编码的,目的是压缩元数据。
浏览器可以并行显示和接受WML流
16.
结构-J2EE展示层-WML-WAP二进制XML 编码后的WML输出被称为WAP二进制XML,或者叫做WBXML
17.
结构-J2EE展示层-WML-WAP二进制XML 采用WBXML编码,我们将原数据降低到整个相应流的16%,尽管这是 一个孤立的例子,但仍然说明WBXML可以非常显著的减少负载。
18.
结构-J2EE展示层-XHTML-MP XHTML Mobile
Profile是基于XHTML Basic 的XHTML 1.1 的严格子集。
19.
结构-J2EE展示层-XHTML-MP XHTML-MP 1.2
20.
结构-J2EE展示层-XHTML-MP 更丰富的格式支持。 对WCSS的支持。
21.
结构-J2EE展示层-XHTML-MP XHTML MP
与 WML 比较
22.
结构-J2EE展示层-应用杀手 手机平台下还要考虑语义化标签吗?
23.
表现-WCSS WAP2.0下专属的CSS:WCSS (WAP
Cascading Style Sheet ) 是CSS2的子集+一些WAP特有的扩展
24.
表现-WCSS-扩展
25.
表现-WCSS-应用杀手 1.不同的移动设备浏览器支持WCSS的属性差异比较大。 2.外部WCSS不存在于手机的Cache。
26.
表现-WCSS-应用杀手 考虑任务列表而不是小册子
27.
表现-WCSS-应用杀手 应用背景图,白色字
28.
表现-WCSS-应用杀手 -------用了Float -------用了Float
(UCWEB6.7、QQ浏览器)
29.
表现-WCSS-应用杀手 建议一:平滑降级
-------在最小公分母设计中,我们不用任何“先进” 的特性,从而处于“安全”的地位,在平滑降级中,即使 浏览器缺少很多特性,但可显示性达到了最大化。
30.
表现-WCSS-应用杀手 ------较低端手机平台 针对Iphone和Android
------
31.
表现-WCSS-应用杀手 建议二:个别兼容,个别不同展现。
-------要一套样式兼容多个平台是不可能的 例如:S60v3 和 S60v5的字体大小就需要不同的 SIZE来控制。 针对个别高端手机做出不同的样式表现。(或是 判断自动选择或是让用户选择)
32.
移动设备WEB重构 虽然还有好长的路要走,但是却离我们很近! ------感谢WebRebuild组委会
THANKS!
Jetzt herunterladen