Enviar búsqueda
Cargar
完颜:移动网站的兼容性探索
•
Descargar como PPTX, PDF
•
11 recomendaciones
•
1,451 vistas
taobao.com
Seguir
Denunciar
Compartir
Denunciar
Compartir
1 de 36
Descargar ahora
Recomendados
移动网站的兼容性探索
移动网站的兼容性探索
Webrebuild
Appcan平台介绍
Appcan平台介绍
36Kr.com
Web 2.0网站设计理念
Web 2.0网站设计理念
Jamzo
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
MOBINODE
Mobile web開發架構與入門
Mobile web開發架構與入門
Chi-wen Sun
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
zhengyiwuxian
105-2 iOS程式設計(十三)
105-2 iOS程式設計(十三)
Hao Lee
聲世紀WAP製作服務
聲世紀WAP製作服務
Soundera
Recomendados
移动网站的兼容性探索
移动网站的兼容性探索
Webrebuild
Appcan平台介绍
Appcan平台介绍
36Kr.com
Web 2.0网站设计理念
Web 2.0网站设计理念
Jamzo
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
MOBINODE
Mobile web開發架構與入門
Mobile web開發架構與入門
Chi-wen Sun
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
zhengyiwuxian
105-2 iOS程式設計(十三)
105-2 iOS程式設計(十三)
Hao Lee
聲世紀WAP製作服務
聲世紀WAP製作服務
Soundera
Album fotografic
Album fotografic
gueste47838
你最後悔的是什麼
你最後悔的是什麼
Josephine C
每個女人都美麗
每個女人都美麗
Josephine C
從十萬訂單看台灣人
從十萬訂單看台灣人
Josephine C
Ted x tuttle presentation v3
Ted x tuttle presentation v3
Julia Shalet
Master key system part 20
Master key system part 20
canei2day
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
Francis Ho
De
De
guest41d68f
Study Of Human Physiology Dr Shriniwas Kashalikar
Study Of Human Physiology Dr Shriniwas Kashalikar
shriniwaskashalikar
Banner maker展现端flash性能优化
Banner maker展现端flash性能优化
taobao.com
Understanding
Understanding
shriniwaskashalikar
Analytical Evaluation of the Edinburgh 2010 Conference
Analytical Evaluation of the Edinburgh 2010 Conference
markoxbrow
Social Customer Service ROI - Focus Roundtable
Social Customer Service ROI - Focus Roundtable
Kathy Herrmann
Student recruiting
Student recruiting
rizzzwan
Master key system part 12
Master key system part 12
canei2day
Aging Gracefully And Victoriuosly Dr Shriniwas Kashalikar
Aging Gracefully And Victoriuosly Dr Shriniwas Kashalikar
shriniwaskashalikar
Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Flexera
Kontrolli
Kontrolli
Menaxherat
S H R I L A X M I N A R A Y A N D R
S H R I L A X M I N A R A Y A N D R
shriniwaskashalikar
阅读类Web应用前端技术探索
阅读类Web应用前端技术探索
taobao.com
手机浏览器入门思考
手机浏览器入门思考
sluke520
行動技術開發概論
行動技術開發概論
My own sweet home!
Más contenido relacionado
Destacado
Album fotografic
Album fotografic
gueste47838
你最後悔的是什麼
你最後悔的是什麼
Josephine C
每個女人都美麗
每個女人都美麗
Josephine C
從十萬訂單看台灣人
從十萬訂單看台灣人
Josephine C
Ted x tuttle presentation v3
Ted x tuttle presentation v3
Julia Shalet
Master key system part 20
Master key system part 20
canei2day
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
Francis Ho
De
De
guest41d68f
Study Of Human Physiology Dr Shriniwas Kashalikar
Study Of Human Physiology Dr Shriniwas Kashalikar
shriniwaskashalikar
Banner maker展现端flash性能优化
Banner maker展现端flash性能优化
taobao.com
Understanding
Understanding
shriniwaskashalikar
Analytical Evaluation of the Edinburgh 2010 Conference
Analytical Evaluation of the Edinburgh 2010 Conference
markoxbrow
Social Customer Service ROI - Focus Roundtable
Social Customer Service ROI - Focus Roundtable
Kathy Herrmann
Student recruiting
Student recruiting
rizzzwan
Master key system part 12
Master key system part 12
canei2day
Aging Gracefully And Victoriuosly Dr Shriniwas Kashalikar
Aging Gracefully And Victoriuosly Dr Shriniwas Kashalikar
shriniwaskashalikar
Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Flexera
Kontrolli
Kontrolli
Menaxherat
S H R I L A X M I N A R A Y A N D R
S H R I L A X M I N A R A Y A N D R
shriniwaskashalikar
阅读类Web应用前端技术探索
阅读类Web应用前端技术探索
taobao.com
Destacado
(20)
Album fotografic
Album fotografic
你最後悔的是什麼
你最後悔的是什麼
每個女人都美麗
每個女人都美麗
從十萬訂單看台灣人
從十萬訂單看台灣人
Ted x tuttle presentation v3
Ted x tuttle presentation v3
Master key system part 20
Master key system part 20
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
CIOB Complex Projects Contract 2013 - 25 April 2013 - Transcript of Talk
De
De
Study Of Human Physiology Dr Shriniwas Kashalikar
Study Of Human Physiology Dr Shriniwas Kashalikar
Banner maker展现端flash性能优化
Banner maker展现端flash性能优化
Understanding
Understanding
Analytical Evaluation of the Edinburgh 2010 Conference
Analytical Evaluation of the Edinburgh 2010 Conference
Social Customer Service ROI - Focus Roundtable
Social Customer Service ROI - Focus Roundtable
Student recruiting
Student recruiting
Master key system part 12
Master key system part 12
Aging Gracefully And Victoriuosly Dr Shriniwas Kashalikar
Aging Gracefully And Victoriuosly Dr Shriniwas Kashalikar
Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Atténuation des risques liés aux applications mobiles afin de garantir des dé...
Kontrolli
Kontrolli
S H R I L A X M I N A R A Y A N D R
S H R I L A X M I N A R A Y A N D R
阅读类Web应用前端技术探索
阅读类Web应用前端技术探索
Similar a 完颜:移动网站的兼容性探索
手机浏览器入门思考
手机浏览器入门思考
sluke520
行動技術開發概論
行動技術開發概論
My own sweet home!
漫谈web前端
漫谈web前端
woody huang
手机上面的Ria应用
手机上面的Ria应用
Kenshin Wang
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
alvis-m
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
My own sweet home!
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型
Tom Fan
一步一步开发Html5 mobile apps
一步一步开发Html5 mobile apps
Adam Lu
20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局 long
Meng-Ru (Raymond) Tsai
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
fangdeng
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
完颜 小卓
Android 4-app
Android 4-app
lydiafly
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
Benimaru ZHANG
行動與雲端科技在圖書館的應用
行動與雲端科技在圖書館的應用
皓仁 柯
Appium手机自动化测试 testerhome_bqcon版本
Appium手机自动化测试 testerhome_bqcon版本
延胜 黄
Take Advantage of UIWebView for iOS Native App Developers
Take Advantage of UIWebView for iOS Native App Developers
Ryan Chung
中国联通沃商店客户端功能特色
中国联通沃商店客户端功能特色
ocean1110
[DCTPE2010] Drupal 遇上行動網路服務
[DCTPE2010] Drupal 遇上行動網路服務
Drupal Taiwan
6 rexsee:会html就会android
6 rexsee:会html就会android
36Kr.com
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
Michael Zhang
Similar a 完颜:移动网站的兼容性探索
(20)
手机浏览器入门思考
手机浏览器入门思考
行動技術開發概論
行動技術開發概論
漫谈web前端
漫谈web前端
手机上面的Ria应用
手机上面的Ria应用
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型
一步一步开发Html5 mobile apps
一步一步开发Html5 mobile apps
20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局 long
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
Android 4-app
Android 4-app
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
行動與雲端科技在圖書館的應用
行動與雲端科技在圖書館的應用
Appium手机自动化测试 testerhome_bqcon版本
Appium手机自动化测试 testerhome_bqcon版本
Take Advantage of UIWebView for iOS Native App Developers
Take Advantage of UIWebView for iOS Native App Developers
中国联通沃商店客户端功能特色
中国联通沃商店客户端功能特色
[DCTPE2010] Drupal 遇上行動網路服務
[DCTPE2010] Drupal 遇上行動網路服務
6 rexsee:会html就会android
6 rexsee:会html就会android
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
Más de taobao.com
编辑器设计U editor
编辑器设计U editor
taobao.com
Berserk js
Berserk js
taobao.com
淘宝开放产品前端实践
淘宝开放产品前端实践
taobao.com
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
taobao.com
第三方内容开发最佳实践
第三方内容开发最佳实践
taobao.com
编辑器设计Kissy editor
编辑器设计Kissy editor
taobao.com
百度前端性能监控与优化实践
百度前端性能监控与优化实践
taobao.com
Node.js在淘宝的应用实践
Node.js在淘宝的应用实践
taobao.com
Kind editor设计思路
Kind editor设计思路
taobao.com
Java script physical engine
Java script physical engine
taobao.com
Html5环保小游戏
Html5环保小游戏
taobao.com
张平:JavaScript引擎实现
张平:JavaScript引擎实现
taobao.com
高力:19楼现有前端架构
高力:19楼现有前端架构
taobao.com
李成银:前端编译平台
李成银:前端编译平台
taobao.com
钱宝坤:多浏览器集成的JavaScript单元测试工具
钱宝坤:多浏览器集成的JavaScript单元测试工具
taobao.com
张克军:前端基础架构的实践和思考
张克军:前端基础架构的实践和思考
taobao.com
刘平川:【用户行为分析】Marmot实践
刘平川:【用户行为分析】Marmot实践
taobao.com
吴英杰:【用户行为分析】淘宝页面显微镜系统原理及实践
吴英杰:【用户行为分析】淘宝页面显微镜系统原理及实践
taobao.com
前端Mvc探讨及实践
前端Mvc探讨及实践
taobao.com
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
taobao.com
Más de taobao.com
(20)
编辑器设计U editor
编辑器设计U editor
Berserk js
Berserk js
淘宝开放产品前端实践
淘宝开放产品前端实践
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
第三方内容开发最佳实践
第三方内容开发最佳实践
编辑器设计Kissy editor
编辑器设计Kissy editor
百度前端性能监控与优化实践
百度前端性能监控与优化实践
Node.js在淘宝的应用实践
Node.js在淘宝的应用实践
Kind editor设计思路
Kind editor设计思路
Java script physical engine
Java script physical engine
Html5环保小游戏
Html5环保小游戏
张平:JavaScript引擎实现
张平:JavaScript引擎实现
高力:19楼现有前端架构
高力:19楼现有前端架构
李成银:前端编译平台
李成银:前端编译平台
钱宝坤:多浏览器集成的JavaScript单元测试工具
钱宝坤:多浏览器集成的JavaScript单元测试工具
张克军:前端基础架构的实践和思考
张克军:前端基础架构的实践和思考
刘平川:【用户行为分析】Marmot实践
刘平川:【用户行为分析】Marmot实践
吴英杰:【用户行为分析】淘宝页面显微镜系统原理及实践
吴英杰:【用户行为分析】淘宝页面显微镜系统原理及实践
前端Mvc探讨及实践
前端Mvc探讨及实践
黄希彤:【无障碍访问】Margin
黄希彤:【无障碍访问】Margin
完颜:移动网站的兼容性探索
1.
移动网站的兼容性探索 王卓/完颜
2.
3.
移动网站的兼容性定义
4.
一淘无线的兼容性尝试
5.
测试工具
6.
问题讨论说点啥玩意好
7.
移动浏览器介绍
8.
移动浏览器介绍 * 这里只列举常见浏览器
9.
10.
WWW浏览器 (smart phone)
11.
WAP浏览器 (feature phone)
12.
加壳浏览器*(smart phone)* 加壳浏览器中包含了“双核”浏览器,如UC、QQ、NF等
* 一般加壳浏览器在iOS、Android平台比较常见,调用webkit内核
13.
14.
内置浏览器
15.
第三方浏览器
16.
17.
中国的
18.
19.
平台演变速度
20.
版本更新速度
21.
22.
23.
适配问题 – 兼容性引起的纯样式问题
24.
渐进增强*– 发挥系统专有特性的方案* 渐进增强是一种设计手段,并不属于一个“问题”
25.
解决兼容性问题,其实就是给浏览器找BUG,找到BUG之后再用奇技淫巧绕过这个BUG。这是个苦中作乐的挺坑爹的过程。
- 我
26.
一淘无线的兼容性尝试
27.
28.
WAP浏览器
29.
WWW(HTML5)浏览器
30.
31.
准备工作
32.
数据挖掘和提炼 测试谁
33.
设备拿什么测
34.
测试套件 测什么
35.
海量测试
36.
原始测试结果 测试产物
37.
38.
一淘无线的兼容性尝试 - 我们的最佳实践
第一步:数据挖掘和提炼 确定目标平台 * 手机淘宝网数据 @2011-6
39.
一淘无线的兼容性尝试 - 我们的最佳实践
第二步:搜刮设备 根据目标平台选择设备
40.
一淘无线的兼容性尝试 - 我们的最佳实践
第三步:测试套件设计将所有测试点设计到页面中
41.
一淘无线的兼容性尝试 - 我们的最佳实践
第四步:海量测试!开始真刀真枪的测起来
42.
一淘无线的兼容性尝试 - 我们的最佳实践
第五步:记录原始结果 边测试边记录 WAP2.0手机兼容性测试表格 今日公开! 测试机数量达31款,横跨10大平台,浏览器数量40个,测试点数量138个,测试总条数达5520个。 线上地址:http://2.ly/pyyn * 一淘UED版权所有
43.
44.
积累和沉淀
45.
46.
需要设计大型的测试套件
47.
海量测试,真的很海
48.
49.
50.
现成的测试套件工具和结果表格
51.
http://html5test.com/http://www.css3.info/
52.
http://meyerweb.com/eric/css/tests/css3/
53.
http://mobilehtml5.org/
54.
随时测试最新的Device API
55.
Android问题最多* 数据来自mobilehtml5.org
56.
一淘无线的兼容性尝试 - www(HTML5)浏览器
案例: Android Webkit 输入框样式问题 Touch/Scroll事件响应问题 圆角问题
57.
一淘无线的兼容性尝试 - www(HTML5)浏览器
案例: Android Webkit焦点管理问题 解决方案: e{-webkit-tap-highlight-color:rgba(0,0,0,0);} 跨页面焦点残留(Video) 焦点穿透 焦点穿透
58.
59.
制定方法和过程
60.
数据提炼和取舍
61.
浏览器覆盖范围
62.
页面测试点范围
63.
测试禁忌和建议* 一淘UED 兼容性回归测试规则片段
64.
一淘无线的兼容性尝试 - 兼容性回归测试规则
在最大程度地保障用户体验的同时,更需要最大程度地把精力投入到值得投入的地方。 - 我
65.
测试工具
66.
67.
模拟器
68.
线上工具
69.
调试工具http://www.perfectomobile.com/portal/cms https://swdownloads.blackberry.com/Downloads/entry.do?code=060AD92489947D410D897474079C1477 http://www.opera.com/mobile/demo/
http://code.google.com/p/microemu/wiki/Maemo http://www.microemu.org/
70.
71.
停止对WAP1.0的支持
72.
3G网络和WIFI普及,智能机普及,WAP2.0逐渐淘汰
73.
Opera、Firefox等大牌厂商前景堪忧
74.
外壳浏览器逐渐由双核切换为单核(Webkit)
75.
76.
该舍弃的必须舍弃,不能让兼容性问题阻碍设计的前进。- 我 <-
Pay honourto PPK
77.
欢迎加入俺们 (一起享受坑爹的乐趣) weibo.com/MobileUED
78.
79.
是否有必要推动浏览器厂商?
80.
如何与测试团队精诚合作?
81.
设备特性差异化如何管理?
82.
多版本网站的维护和管理?
83.
UA适配以什么方式来做?
84.
无线前端技能的定位和发展?与我联系: 完颜 100999829
weibo.com/mario SMbey0nd@163.com 无线前端联盟群:793745802
85.
谢 谢 Bye
(我估计时间又超限了) 囧rz
Descargar ahora