MobileWEB的兼容性开发BySMbey0nd无线组MobileWEB什么是MobileWEB?MobileWEB跟WAP有何区别?Mobile设备都有哪些?趋势趋势技术发展周期一般会持续10年,2年前已经进入下一个重大计算机产品发展周期–“移动互联网”趋势新技术发展周期特征:更强处理器+改进的用户界面+更低的价格+扩展服务=10倍设备销售量趋势中国的3G普及率拐点:2011年。趋势MobileWEB风暴即将席卷中国!SeeMoreon:http://www.morganstanley.com/institutional/techresearch/mobile_internet_report122009.html移动设备与MobileWEB移动设备与MobileWEB•机型•平台/操作系统•内置浏览器•第三方浏览器*4大影响因素:移动设备与MobileWEB移动设备市场份额(中国):移动设备与MobileWEB•iPhoneOS•Android•Maemo•WindowsMobile•PalmOS•SymbianSx0•oPhone•MTK•OOXX…平台/操作系统:移动设备与MobileWEB•UCWEB•OperaMini•QQBrowser•Go!•OEM/OperaMobile/Fennec/NetFront/Skyfire…SeeMoreon:http://www.fool2fish.cn/?p=290第三方浏览器:移动设备与MobileWEB第三方浏览器市场份额:数据来源:CNNIC中国互联网与3G用户调查报告–2009.11移动设备与MobileWEBUA适配:1.服务器请求UA信息标识2.客户端返回信息3.服务器通过UA适配库识别客户端4.根据结果适配不同WEB版本5.返回客户端移动设备与MobileWEBOneWEB理念:•信息一致性•搜索引擎友好•共享书签•品牌一致性•内容适配More:http://www.smbey0nd.com/2010/01/25/one_web_for_all/移动标记语言移动标记语言演进:移动标记语言为何使用XHTML-MP:•OMA/W3C推荐规范•厂商普遍支持•XHTML的优化子集•适合Mobile特性(tel协议、accesskey、format等)*XHTMLMobileProfile简称XHTML-MP移动标记语言XHTML-MP语法规则:•XHTML元素必须正确的嵌套•元素和属性的名字必须是小写•所有的XHTML元素必须封闭•属性值必须使用双引号或单引号•所有的空标签必须自我封闭•属性值不能被最小化移动标记语言WCSS特性:•accesskey扩展-wap-accesskey•输入格式扩展-wap-input-format•字幕扩展-wap-marquee•SeeMoreonhttp://www.developershome.com/wap/wcss/WAPCSS简称WCSS手机兼容性手机兼容性手机兼容性TipsList:•易犯的错误•高风险XHTML标记•高风险CSS属性•其它情况•兼容性测试结果手机兼容性易犯的错误:•编码错误•重复的XHTML元标记•语法错误•嵌套错误(规则详见http://is.gd/63nHg)•文件体积过大(部分手机,...