Suche senden
Hochladen
移动网站的兼容性探索
•
Als PPTX, PDF herunterladen
•
3 gefällt mir
•
879 views
W
Webrebuild
Folgen
Bildung
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 36
Jetzt herunterladen
Empfohlen
移动网站的兼容性探索
移动网站的兼容性探索
完颜 小卓
完颜:移动网站的兼容性探索
完颜:移动网站的兼容性探索
taobao.com
Appcan平台介绍
Appcan平台介绍
36Kr.com
Mobile web開發架構與入門
Mobile web開發架構與入門
Chi-wen Sun
Web 2.0网站设计理念
Web 2.0网站设计理念
Jamzo
聲世紀WAP製作服務
聲世紀WAP製作服務
Soundera
Soyo平台产品功能说明 V1 0
Soyo平台产品功能说明 V1 0
huang chengkai
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
MOBINODE
Empfohlen
移动网站的兼容性探索
移动网站的兼容性探索
完颜 小卓
完颜:移动网站的兼容性探索
完颜:移动网站的兼容性探索
taobao.com
Appcan平台介绍
Appcan平台介绍
36Kr.com
Mobile web開發架構與入門
Mobile web開發架構與入門
Chi-wen Sun
Web 2.0网站设计理念
Web 2.0网站设计理念
Jamzo
聲世紀WAP製作服務
聲世紀WAP製作服務
Soundera
Soyo平台产品功能说明 V1 0
Soyo平台产品功能说明 V1 0
huang chengkai
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
MOBINODE
漫谈web前端
漫谈web前端
woody huang
行動技術開發概論
行動技術開發概論
My own sweet home!
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
fangdeng
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
完颜 小卓
手机浏览器入门思考
手机浏览器入门思考
sluke520
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
alvis-m
手机上面的Ria应用
手机上面的Ria应用
Kenshin Wang
20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局 long
Meng-Ru (Raymond) Tsai
一步一步开发Html5 mobile apps
一步一步开发Html5 mobile apps
Adam Lu
Android 4-app
Android 4-app
lydiafly
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
My own sweet home!
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型
Tom Fan
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
Benimaru ZHANG
中国联通沃商店客户端功能特色
中国联通沃商店客户端功能特色
ocean1110
ASP.NET Core 3.0 新功能
ASP.NET Core 3.0 新功能
Edward Kuo
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
zhengyiwuxian
常用开发工具介绍
常用开发工具介绍
haozes
[DCTPE2010] Drupal 遇上行動網路服務
[DCTPE2010] Drupal 遇上行動網路服務
Drupal Taiwan
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
Michael Zhang
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨
newker
重构 这一路走来
重构 这一路走来
Webrebuild
构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Webrebuild
Weitere ähnliche Inhalte
Ähnlich wie 移动网站的兼容性探索
漫谈web前端
漫谈web前端
woody huang
行動技術開發概論
行動技術開發概論
My own sweet home!
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
fangdeng
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
完颜 小卓
手机浏览器入门思考
手机浏览器入门思考
sluke520
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
alvis-m
手机上面的Ria应用
手机上面的Ria应用
Kenshin Wang
20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局 long
Meng-Ru (Raymond) Tsai
一步一步开发Html5 mobile apps
一步一步开发Html5 mobile apps
Adam Lu
Android 4-app
Android 4-app
lydiafly
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
My own sweet home!
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型
Tom Fan
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
Benimaru ZHANG
中国联通沃商店客户端功能特色
中国联通沃商店客户端功能特色
ocean1110
ASP.NET Core 3.0 新功能
ASP.NET Core 3.0 新功能
Edward Kuo
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
zhengyiwuxian
常用开发工具介绍
常用开发工具介绍
haozes
[DCTPE2010] Drupal 遇上行動網路服務
[DCTPE2010] Drupal 遇上行動網路服務
Drupal Taiwan
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
Michael Zhang
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨
newker
Ähnlich wie 移动网站的兼容性探索
(20)
漫谈web前端
漫谈web前端
行動技術開發概論
行動技術開發概論
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
移动互联网时代的Mobile app设计和开发
手机浏览器入门思考
手机浏览器入门思考
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
手机上面的Ria应用
手机上面的Ria应用
20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局 long
一步一步开发Html5 mobile apps
一步一步开发Html5 mobile apps
Android 4-app
Android 4-app
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型
探讨成功产品的设计方法(迅雷 熊竹)
探讨成功产品的设计方法(迅雷 熊竹)
中国联通沃商店客户端功能特色
中国联通沃商店客户端功能特色
ASP.NET Core 3.0 新功能
ASP.NET Core 3.0 新功能
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
常用开发工具介绍
常用开发工具介绍
[DCTPE2010] Drupal 遇上行動網路服務
[DCTPE2010] Drupal 遇上行動網路服務
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
2014 Hpocon 周辉 大众点评 - 大众点评混合开发模式下的加速尝试
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨
Mehr von Webrebuild
重构 这一路走来
重构 这一路走来
Webrebuild
构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Webrebuild
Script with engine
Script with engine
Webrebuild
Css3之颜色与半透明
Css3之颜色与半透明
Webrebuild
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
Webrebuild
陈子舜-Html5 based web app
陈子舜-Html5 based web app
Webrebuild
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
Webrebuild
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
Webrebuild
微观重构 黄婉芳
微观重构 黄婉芳
Webrebuild
年会主持 By pufen
年会主持 By pufen
Webrebuild
年会主持 By pufen
年会主持 By pufen
Webrebuild
Css schema by_sofish
Css schema by_sofish
Webrebuild
重构的价值转化 By impact
重构的价值转化 By impact
Webrebuild
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Webrebuild
Qmail rebuild_by_nico
Qmail rebuild_by_nico
Webrebuild
潘杰茂_网络图像优化
潘杰茂_网络图像优化
Webrebuild
张思坚 浏览器兼容性
张思坚 浏览器兼容性
Webrebuild
飘飘 年会主持
飘飘 年会主持
Webrebuild
石玉磊 Web rebuild
石玉磊 Web rebuild
Webrebuild
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
Webrebuild
Mehr von Webrebuild
(20)
重构 这一路走来
重构 这一路走来
构建可扩展的静态资源管理系统
构建可扩展的静态资源管理系统
Script with engine
Script with engine
Css3之颜色与半透明
Css3之颜色与半透明
孙极-Hello, JSS! - 一种新样式语言的诞生
孙极-Hello, JSS! - 一种新样式语言的诞生
陈子舜-Html5 based web app
陈子舜-Html5 based web app
谭正谊-QQ邮箱HTML5移动应用
谭正谊-QQ邮箱HTML5移动应用
唐俊开-Html5 mobile web app浅谈
唐俊开-Html5 mobile web app浅谈
微观重构 黄婉芳
微观重构 黄婉芳
年会主持 By pufen
年会主持 By pufen
年会主持 By pufen
年会主持 By pufen
Css schema by_sofish
Css schema by_sofish
重构的价值转化 By impact
重构的价值转化 By impact
七年之痒Webrebuild by emu
七年之痒Webrebuild by emu
Qmail rebuild_by_nico
Qmail rebuild_by_nico
潘杰茂_网络图像优化
潘杰茂_网络图像优化
张思坚 浏览器兼容性
张思坚 浏览器兼容性
飘飘 年会主持
飘飘 年会主持
石玉磊 Web rebuild
石玉磊 Web rebuild
彪叔 [2010]webrebuild
彪叔 [2010]webrebuild
Kürzlich hochgeladen
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
kathrynalvarez364
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
CHANSUITNEEMoe
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
shanshanhui1
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
kathrynalvarez364
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
黑客 接单【TG/微信qoqoqdqd】
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
kathrynalvarez364
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
bairnshajjes
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
gravestomas0
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
jakepaige317
Grade 6 Lesson 7 Environment Protection.pptx
Grade 6 Lesson 7 Environment Protection.pptx
PriscilleXu
Kürzlich hochgeladen
(10)
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
哪里可以购买日本神奈川县立保健福祉大学学位记/录取通知书可以制作吗/补办马来西亚大学文凭/CIA证书定制
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
JAWAPAN BUKU AKTIVITI BAHASA CINA TAHUN 3.pptx
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
003 DSKP KSSR SEMAKAN 2017 BAHASA CINA TAHUN 3.pdf
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
澳洲圣母大学毕业证制作/加拿大硕士学历代办/购买一个假的中央警察大学硕士学位证书
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
我了解到黑客在某些领域拥有卓越的技术能力,特别是在处理系统漏洞方面。在当前的情境下,如果我想要改变我的毕业成绩,他们的帮助或许是我唯一可行的选择。【微 t...
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
布莱德福德大学毕业证制作/英国本科学历如何认证/购买一个假的香港中文大学专业进修学院硕士学位证书
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
加急代办一个日本鹿儿岛纯心女子大学学位记🌈学习成绩单电子版定制🌈仿制荷兰大学毕业证🌈日语JLPT证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
未毕业在线购买日本熊本县立大学学位记🏆学习成绩单电子版定制🏆克隆爱尔兰大学文凭🏆CFA证书定制
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
日本九州齿科大学毕业证制作🚩定制本科卒业证书🚩哪里可以购买假美国西南基督复临安息日会大学成绩单
Grade 6 Lesson 7 Environment Protection.pptx
Grade 6 Lesson 7 Environment Protection.pptx
移动网站的兼容性探索
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.
26.
27.
适配问题 – 兼容性引起的纯样式问题
28.
渐进增强*– 发挥系统专有特性的方案* 渐进增强是一种设计手段,并不属于一个“问题”
29.
解决兼容性问题,其实就是给浏览器找BUG,找到BUG之后再用奇技淫巧绕过这个BUG。这是个苦中作乐的挺坑爹的过程。
- 我
30.
一淘无线的兼容性尝试
31.
32.
WAP浏览器
33.
WWW(HTML5)浏览器
34.
35.
准备工作
36.
数据挖掘和提炼 测试谁
37.
设备拿什么测
38.
测试套件 测什么
39.
海量测试
40.
原始测试结果 测试产物
41.
42.
一淘无线的兼容性尝试 - 我们的最佳实践
第一步:数据挖掘和提炼 确定目标平台 * 手机淘宝网数据 @2011-7
43.
一淘无线的兼容性尝试 - 我们的最佳实践
第二步:搜刮设备 根据目标平台选择设备
44.
一淘无线的兼容性尝试 - 我们的最佳实践
第三步:测试套件设计将所有测试点设计到页面中
45.
一淘无线的兼容性尝试 - 我们的最佳实践
第四步:海量测试!开始真刀真枪的测起来
46.
一淘无线的兼容性尝试 - 我们的最佳实践
第五步:记录原始结果 边测试边记录 WAP2.0手机兼容性测试表格 公开! 测试机数量达31款,横跨10大平台,浏览器数量40个,测试点数量138个,测试总条数达5520个。 线上地址:http://2.ly/pyyn * 一淘UED版权所有
47.
48.
积累和沉淀
49.
50.
需要设计大型的测试套件
51.
海量测试,真的很海
52.
53.
54.
现成的测试套件工具和结果表格
55.
http://html5test.com/http://www.css3.info/
56.
http://meyerweb.com/eric/css/tests/css3/
57.
http://mobilehtml5.org/
58.
随时测试最新的Device API
59.
Android问题最多* 数据来自mobilehtml5.org
60.
一淘无线的兼容性尝试 - www(HTML5)浏览器
案例: Android Webkit 输入框样式问题 Touch/Scroll事件响应问题 圆角问题
61.
一淘无线的兼容性尝试 - www(HTML5)浏览器
案例: Android Webkit焦点管理问题 解决方案: e{-webkit-tap-highlight-color:rgba(0,0,0,0);} 跨页面焦点残留(Video) 焦点穿透 焦点穿透
62.
63.
制定方法和过程
64.
数据提炼和取舍
65.
浏览器覆盖范围
66.
页面测试点范围
67.
测试禁忌和建议* 一淘UED 兼容性回归测试规则片段
68.
一淘无线的兼容性尝试 - 兼容性回归测试规则
在最大程度地保障用户体验的同时,更需要最大程度地把精力投入到值得投入的地方。 - 我
69.
测试工具
70.
71.
模拟器
72.
线上工具
73.
调试工具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/
74.
75.
停止对WAP1.0的支持
76.
3G网络和WIFI普及,智能机普及,WAP2.0逐渐淘汰
77.
Opera、Firefox等大牌厂商前景堪忧
78.
外壳浏览器逐渐由双核切换为单核(Webkit)
79.
80.
该舍弃的必须舍弃,不能让兼容性问题阻碍设计的前进。- 我 <-
Pay honourto PPK
81.
82.
是否有必要推动浏览器厂商?
83.
如何与测试团队精诚合作?
84.
设备特性差异化如何管理?
85.
多版本网站的维护和管理?
86.
UA适配以什么方式来做?
87.
无线前端技能的定位和发展?与我联系: 完颜 100999829
weibo.com/mario SMbey0nd@163.com 无线前端联盟群:793745802
88.
谢 谢 Bye
Jetzt herunterladen