移动web开发技术解析.doc

广告气球/ ,吹膜机/ 接触 Mobile WEB 前端开发将近一年时间了, 在这不算短的时间里, 通过吸取圆心、沉鱼等前辈们的经验以及不断的摸索和实战, 总结出一套自己的 Mobile WEB “研发流程”。为什么叫“研发”流程而不是“开发”流程,在下文中会进行解释。首先我们来看一下“研发”的流程图: 1. 为什么要叫“研发”流程? 我们知道,对于传统的 WEB 前端开发,一般情况下我们需要关注的操作系统/ 浏览器情况如下: 操作系统: Windows/MacOS 浏览器: IE(6 、7、 8)/Firefox/Safari/Opera/Chrome 这些操作系统和浏览器的基本状况如下: ◆市场占有率和使用分布情况相对稳定广告气球/ ,吹膜机/ ◆比较开放,厂商对开发人员的支持较好◆不同操作系统下,浏览器渲染情况差别不大经过前端开发者们的长期研究和总结,它们的渲染特性、标准支持情况基本家喻户晓而在 Mobile WEB 前端开发领域,状况则相当的混乱,我们需要关注的东西则复杂多了: 操作系统( 平台): Symbian(S40/S60/S80/S90)/iPhoneOS/Android/WM(WinCE)/MTK/Linux/BB/PalmOS/Maemo(Meego) …内置浏览器: Symbian/Chrome Lite/iPhone Safari/MTK/IE Mobile/BB Browser/Opera(OEM)/ …第三方浏览器: Opera Mini/Opera Mobile/Front/UCWEB/QQ 浏览器/Go 浏览器/…这些操作系统和浏览器的基本状况则是: ◆市场占有率和使用分部情况不稳定,新机型、新浏览器会很容易占领市场◆大部分内置浏览器不够开放,操作系统和浏览器厂商对开发人员的支持很不到位◆不同的操作系统、不同的浏览器下,相同系统下的不同浏览器,相同浏览器在不同的操作系统下,甚至同一个系统或浏览器的不同版本,都可能会导致页面效果产生很大的差异( 很绕口,其实就是排列组合) ◆由于兼容性方面的研究非常稀少( 尤其在国内) ,加上操作系统和浏览器的封闭和日新月异的变化,我们对它们特性的掌握程度也是基本空白经过比较,我们可以很快发现,想要让我们的 Mobile WEB 在更多的客户端上表现完美,我们需要大量的时间和精力去了解、去掌握各个操作系统、平台、移动浏览器的特性, 只有对它们有了一定程度的了解和掌握,我们才能更深一层的驾驭 Mobile WEB 兼容性开发。因此, “研发”包含了“操作系统、浏览器研究”和“ Mobile WEB 开发”两个部分。广告气球/ ,吹膜机/ 2. 循序渐进的周期性研究如前所述, 我们想要对移动设备的操作系统和浏览器们进行研究, 需要花费大量的时间和精力。罗马不是一天建成的, 胖子也不是一口吃出来的。我们需要一个循序渐进的过程, 一个长期性的研究,经过不断地积累点滴经验,才能够逐步了解这些特性。另外,移动设备更新频繁,新机型和新浏览器日新月异,我们也需要阶段性地跟进最新发展情况。因此,这就是需要周期性研究的原因: 需要大量的时间和精力移动设备更新频繁在 Mobile WEB 前端开发只有一个的情况下,建议每隔半年进行一次系统的研究,为兼容性开发打下基础。在此后的半年内, Mobile WEB