针对移动终端的Web App前端开发
前端移动端的理解
前端移动端的理解
前端指的是应用程序的用户界面部分，包括网页、移动应用的界面设计和交互逻辑开发。
前端开发主要使用HTML、CSS和JavaScript 等技术。
移动端则是指运行在移动设备上的应用程序和软件，例如智能手机和平板电脑等具有移动性质的设备。
移动端主要是指运行在移动设备上的应用程序和软件。
因此，前端移动端可以理解为在移动设备上开发应用程序的用户界面部分，包括设计、开发和维护网页、移动应用的界面和交互逻辑。
前端移动端的开发需要使用与PC端相似的技术，但由于移动设备的屏幕尺寸、分辨率、操作方式等方面与电脑不同，因此需要特别考虑移动端的适配和优化。
另外，由于移动设备通常具有更强的计算能力和网络连接，因此前端移动端开发也需要考虑更多的性能优化、用户体验等方面的因素。
例如，加载速度、界面布局、交互设计等方面的细节，都对移动应用的质量和使用体验有重大影响。
因此，前端移动端开发者需要关注并不断提升自身的技能和知识，以应对不断变化的市场需求和技术环境。
移动终端软件开发
移动终端软件开发引言移动终端软件开发是指针对移动设备（如智能手机、平板电脑等）进行软件开发的一种技术活动。
随着移动设备的普及和用户需求的增长，移动终端软件开发已经成为现代软件开发领域中的重要部分。
本文将介绍移动终端软件开发的基本概念、开发流程和常用工具，以帮助读者了解和学习移动终端软件开发技术。
移动终端软件开发的基本概念移动终端软件开发涵盖了多个方面的技术知识。
首先，移动终端软件开发需要对目标平台的操作系统和开发环境有深入的了解。
常见的移动操作系统包括Android和iOS，而开发环境则包括开发工具、开发语言和开发框架等。
其次，移动终端软件开发需要具备良好的用户界面设计能力。
在移动设备上，用户界面的设计对用户体验至关重要。
开发者应该掌握用户界面设计的基本原则，并善于运用各种界面元素和交互模式来提升用户体验。
此外，移动终端软件开发还需要关注移动设备的特殊性能和限制。
移动设备的硬件资源有限，因此开发者需要对资源的使用和管理有所了解，以确保软件在移动设备上的性能和稳定性。
移动终端软件开发的流程移动终端软件开发一般可以分为以下几个阶段：1.需求分析阶段：明确软件的功能需求和用户需求，并制定相应的开发计划。
2.设计阶段：根据需求分析的结果，设计软件的架构、界面和功能模块等。
3.开发阶段：基于设计阶段的结果，进行编码实现和测试。
4.测试阶段：对开发完成的软件进行各种测试，包括单元测试、集成测试和系统测试等。
5.发布和维护阶段：将测试通过的软件发布到移动设备上，并进行后续的维护和升级。
在整个开发过程中，开发者还应该注意版本控制、文档管理和团队协作等问题，以提高开发效率和软件质量。
常用的移动终端软件开发工具在移动终端软件开发过程中，有多种工具可供选择。
以下是常用的几种工具：1.Android Studio：用于开发Android应用的集成开发环境。
它提供了丰富的开发工具和模拟器，方便开发者进行应用开发和调试。
2.Xcode：用于开发iOS应用的集成开发环境。
前端开发技术与移动平台适配问题
前端开发技术与移动平台适配问题随着移动互联网的快速发展，移动设备已经成为人们生活中不可或缺的一部分。
在移动应用和移动网页中，前端开发技术起到了至关重要的作用。
然而，由于移动设备之间的差异性，前端开发人员在面临适配问题时常常感到头疼。
本文将探讨前端开发技术与移动平台适配问题，并提供一些解决方案。
首先，让我们来看看前端开发技术对于移动平台适配的重要性。
随着不同尺寸的移动设备不断涌现，开发人员需要确保他们的应用在各种设备上都以正确的方式呈现。
这就需要前端开发人员熟悉不同设备的特点，并使用相应的技术来适配。
其次，我们需要了解一些常见的移动平台适配问题。
最常见的问题之一是屏幕尺寸的适配。
移动设备的屏幕尺寸各不相同，开发人员需要确保应用在不同设备上的布局和元素尺寸都能够合理地适配。
另一个常见的问题是不同设备之间的浏览器兼容性。
由于各种移动设备使用不同的浏览器内核，开发人员需要仔细测试，并确保他们的应用在各种浏览器上都能够正常运行。
解决这些适配问题的一种方法是使用响应式设计。
响应式设计是指能够根据设备的屏幕尺寸和分辨率自动调整布局和元素大小的设计方法。
通过使用CSS媒体查询和弹性布局等技术，开发人员可以根据设备的特征来动态地设置样式。
这样，无论是在大屏幕的电脑上还是在小屏幕的手机上，应用都能够以最佳的方式呈现。
响应式设计不仅提供了更好的用户体验，还节省了开发人员在不同设备上开发和维护多个版本的工作量。
然而，响应式设计并不是适用于所有情况的银弹。
在一些特殊的情况下，开发人员可能需要为特定的设备或平台编写定制化的代码。
例如，某些移动设备可能限制了特定的CSS属性或JavaScript功能。
在这种情况下，开发人员需要有针对性地编写代码，以确保在该设备上的应用能够正常运行。
此外，某些特殊的移动应用，如游戏或图形处理应用，可能需要更多的硬件和性能支持。
在这种情况下，开发人员需要使用特定的技术和框架来提供更高效的处理能力。
使用前端框架技术开发移动端网页的步骤
使用前端框架技术开发移动端网页的步骤移动端网页的流行使得开发者们越来越重视使用前端框架技术来构建优秀的用户界面和交互体验。
前端框架技术提供了便捷的开发工具和丰富的组件库，可以简化开发流程、提高开发效率。
本文将介绍使用前端框架技术开发移动端网页的主要步骤。
步骤一：选择合适的前端框架技术在开始开发之前，首先需要选择适合的前端框架技术。
目前最流行的前端框架技术包括React、Angular和Vue.js等。
选择合适的框架技术主要依据项目需求、开发经验和团队技术储备等因素。
比较流行的框架React具备更好的性能和更广泛的生态系统，适合开发大型复杂的移动端网页。
步骤二：设置开发环境在使用前端框架技术开发移动端网页之前，需要设置好开发环境。
首先，确保已经安装了适合的代码编辑器，如VS Code、Atom等。
然后，安装Node.js和npm 来管理项目依赖。
使用npm来安装所选框架的命令行工具，并创建项目文件夹。
最后，初始化项目，并安装相关的依赖模块。
步骤三：设计网页结构在开始编码之前，需要先设计好移动端网页的整体结构。
这个过程主要包括确定网页的布局、导航栏、页面结构和所需的组件等。
可以利用设计软件或在线工具来绘制页面草图，以便更好地理解和沟通设计需求。
步骤四：编写组件使用前端框架技术时，组件是开发的核心。
组件可以提高代码的可复用性和可维护性，加快开发速度。
在编写组件之前，需要先确定组件的作用和功能，并将其分解为更小的可复用组件。
然后，根据设计需求和框架的语法，编写组件的HTML结构、CSS样式和JavaScript逻辑。
使用框架提供的组件库或第三方库可以进一步加快开发进度。
步骤五：实现页面交互移动端网页的交互效果对用户体验至关重要。
根据设计需求和产品要求，使用前端框架技术来实现页面的交互效果。
框架技术通常提供了丰富的API和工具，如React的Hooks和Vue.js的指令，用于处理用户输入、响应事件和更新页面等。
前端开发中常见的跨端开发技术介绍
前端开发中常见的跨端开发技术介绍随着移动设备的普及和多样化，前端开发中常常面临跨平台、跨终端的需求。
为了提高效率和降低开发成本，开发者们一直在不断探索和尝试跨端开发技术。
本文将介绍几种常见的跨端开发技术，包括响应式设计、Hybrid App开发和PWA。
1. 响应式设计响应式设计是一种基于CSS3媒体查询的开发方法，通过设置不同的样式规则和布局来适应不同屏幕大小的设备。
这种方法可以使网页在不同的终端上提供一致的用户体验，而无需为不同平台编写不同的代码。
通过使用flexbox、grid和百分比单位等技术，开发者可以轻松实现响应式设计。
2. Hybrid App开发Hybrid App开发是一种同时利用Web技术和Native技术的开发方式。
通常采用HTML、CSS和JavaScript开发应用框架，然后使用WebView在移动设备上运行。
Hybrid App可以充分利用Web技术的优势，同时也可以访问设备的原生功能，如相机、地理位置等。
开发者可以使用框架如Ionic、React Native等来构建Hybrid App。
3. PWA（Progressive Web App）PWA是一种利用Web技术开发具有原生应用体验的应用。
它基于Web标准，使用Service Worker可以在离线状态下继续访问应用。
PWA可以通过添加到主屏幕、推送通知等功能，实现和原生应用类似的用户体验。
开发者可以使用PWA的框架和工具，如Workbox、PWA Starter等来快速搭建PWA应用。
4. FlutterFlutter是一种跨平台的UI开发框架，可以同时在iOS和Android上运行。
它使用Dart语言，通过自己的渲染引擎绘制用户界面，实现原生级别的性能和体验。
Flutter的热重载功能使开发者能够快速预览和调整UI的变化。
Flutter在跨端开发中被广泛使用，如开发移动应用、桌面应用等。
5. 微信小程序微信小程序是一种运行在微信客户端上的应用，具有与原生应用类似的用户体验。
基于HTML5技术的移动Web前端设计与开发
基于HTML5技术的移动Web前端设计与开发一、本文概述随着移动互联网的迅猛发展，移动设备的普及和应用场景的多样化使得移动Web前端设计与开发的重要性日益凸显。
作为新一代Web 技术标准的HTML5，以其丰富的API、强大的跨平台兼容性和良好的用户体验，成为移动Web前端开发的理想选择。
本文旨在探讨基于HTML5技术的移动Web前端设计与开发的相关理论与实践，包括HTML5的核心技术特点、移动Web前端的设计原则、开发流程、性能优化等方面，以期为广大Web前端开发者提供一份全面、深入的参考指南。
在本文中，我们将首先介绍HTML5技术的核心特点和优势，阐述其为何成为移动Web前端开发的理想选择。
接着，我们将从用户体验的角度出发，探讨移动Web前端的设计原则，包括界面设计、交互设计、响应式设计等方面。
然后，我们将详细介绍基于HTML5技术的移动Web前端开发流程，包括项目准备、页面布局、功能实现、性能优化等步骤。
我们还将分享一些实用的开发技巧和经验，帮助开发者提高开发效率和产品质量。
我们将对移动Web前端的发展趋势进行展望，探讨HTML5在未来移动Web前端开发中的潜力和挑战。
通过本文的阅读，相信读者能够对基于HTML5技术的移动Web前端设计与开发有一个全面、深入的了解，为未来的开发工作提供有力的支持和指导。
二、HTML5基础知识HTML5，全称HyperText Markup Language 5，是构成网页标准语言HTML的最新版本。
它是互联网的新一代标准，被设计为可以在互联网上的各种设备和平台上运行，无论是PC、笔记本、平板电脑还是手机。
HTML5的出现，使得Web前端设计与开发工作更加便捷，也为移动Web应用的发展打开了新的大门。
HTML5引入了许多新的元素和API，如<video>和<audio>元素，使得开发者可以在网页上直接嵌入音频和视频内容，无需依赖第三方插件如Flash。
Web前端的移动应用开发
Web前端的移动应用开发随着移动互联网的快速发展，移动应用的需求也日益增长。
作为Web前端开发人员，掌握移动应用开发技能已成为必备的竞争力。
本文将介绍Web前端的移动应用开发，并探讨其重要性和技巧。
一、移动应用开发的重要性移动应用开发具有很大的市场潜力，因为越来越多的人开始使用智能手机和平板电脑。
无论是社交媒体应用、电子商务应用还是娱乐游戏应用，用户都对功能强大、界面友好的移动应用有很高的期望。
作为Web前端开发人员，掌握移动应用开发技能可以满足市场需求，提供优秀的用户体验。
二、移动应用开发的技巧1.响应式设计：由于移动设备的屏幕尺寸和分辨率各异，采用响应式设计可以使应用在不同设备上具有良好的显示效果。
通过使用CSS 媒体查询和流式布局等技术，可以根据屏幕大小自动调整元素的大小和布局。
2.移动优先设计：移动应用的用户通常是在移动环境下使用，因此应该更加关注移动用户的需求。
通过简化用户界面、优化加载速度和提供直观的导航方式，可以提高用户对移动应用的满意度。
3.HTML5和CSS3：HTML5和CSS3提供了丰富的新特性和API，可以实现更多交互效果和动画效果。
例如，使用Canvas API可以实现图形绘制，使用Local Storage API可以实现本地数据存储。
4.移动友好的用户体验：用户在移动设备上使用应用时，往往处于较为急迫的情况下，需要迅速获取所需信息。
因此，在设计移动应用时，应注重提供简洁明了的界面，减少用户操作的步骤，提高用户办事效率。
5.性能优化：移动设备的计算能力和网络速度相对较低，因此应该对移动应用进行性能优化。
例如，使用压缩和缓存技术来减少数据传输量，使用雪碧图和懒加载来减少HTTP请求次数。
三、移动应用开发的工具和框架1.开发工具：Web前端开发人员可以使用各种集成开发环境（IDE）来辅助移动应用开发。
例如，Adobe Dreamweaver、Sublime Text和Visual Studio Code等工具提供了代码编辑、调试和自动完成等功能。
如何进行前端开发中的移动端调试与测试
如何进行前端开发中的移动端调试与测试在移动互联网的时代，移动端开发已经成为前端开发中不可或缺的一部分。
然而，由于移动设备的多样性和浏览器的差异性，使得移动端调试与测试成为前端开发中的一大挑战。
本文将介绍一些常用的方法和工具，帮助前端开发者有效地进行移动端调试与测试。
一、移动端调试工具1.浏览器开发者工具现代浏览器大多都内置了开发者工具，可以用来调试移动页面。
通过连接移动设备或模拟移动设备，我们可以在浏览器开发者工具中模拟移动端环境，并实时预览网页的效果。
通过这种方式，我们可以调试CSS样式、查看和编辑DOM元素、模拟网络环境等。
2.移动端模拟器移动端模拟器是一种用于模拟移动设备的软件工具，它能够在电脑上模拟出真实的移动设备环境。
通过使用移动端模拟器，我们可以快速调试和测试移动端页面，而无需实际连接设备。
一些常见的移动端模拟器包括Chrome DevTools的模拟器、iOS模拟器和Genymotion等。
3.远程调试工具由于移动设备无法直接连接到电脑上，我们可以借助一些远程调试工具来实现远程调试。
这些工具通过建立设备和电脑之间的连接，将移动设备上的页面实时传输到电脑上进行调试。
例如，Chrome DevTools提供了远程调试功能，可以通过USB将手机与电脑连接，然后在浏览器上进行调试。
二、移动端测试方法移动设备种类繁多，不同设备上的浏览器、分辨率和操作系统都有差异。
因此，进行多设备测试是非常重要的。
我们可以使用一些云测试平台，如BrowserStack、Sauce Labs等，来模拟多种设备上的浏览器环境，进行全面的测试。
2.响应式设计测试响应式设计是一种适应不同屏幕尺寸和分辨率的页面布局方式。
在移动端开发中，响应式设计是必不可少的。
我们可以通过调整浏览器窗口大小，或者使用浏览器开发者工具的响应式设计模式，来测试页面在不同设备上的布局和响应效果。
3.性能测试和优化移动端的网页加载速度对用户体验至关重要。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
针对移动终端的Web App前端开发据2011年Vision Moblie开发者经济学报告显示，如果移动Web视作新的开发平台，那么它仅次于Android和iOS成为最受开发者青睐的第三大平台。
特别是HTML5技术的飞速发展——不断涌现的各种创新产品和工具，Facebook推出斯巴达项目、Adobe收购PhoneGap等重大动作，无不吸引众多开发者投入。
一个被业界广泛关注的问题是：“移动Web会否在不久的未来重现在PC端上最终成为主流的的发展趋势？”10月13日晚上，在CMDN移动开发者俱乐部第六期活动，当当网前端工程师柴春燕分享了他的思考和实践心得。
演讲实录如下：当当网Web前端工程师柴春燕非常高兴今天晚上在这里跟大家分享移动终端使用HTML5技术做了一些实践。
对于移动终端目前开发方式无非就两种，其中一种就是HTML5的解决方案。
如果采用HTML5的话它的Fxs（音译）就在前端。
移动互联网及其现状前面刘铁锋讲的是把PC都包含进去，我讲的就是针对移动互联网，针对移动终端，常见像智能机、上网本、移动终端可以访问网络的设备，它的可以实现的一些方式。
第二是在移动移动互联网营销： 广州网站建设： 小草坝天麻：互联网MobileWeb App开发的时候可能会遇到的一些问题。
还有HTML5适合Mobile Web App开发的特性。
这是我开发MobileWeb App的心得跟大家分享。
之前互联网消费调查中心做了一个研究，手机上网在生活中重要性比例，他所占据份额会越来越高。
另外这个统计调查在2011年底，一半美国人都会使用智能手机，2013年预计移动互联网用户超过10亿，2020年HTML5这种方案已经确定了。
截止到2011年6月底，中国的三大运营商智能机份额已经超过8千万。
这个趋势随着3G互联网方面会越来越大。
移动互联网是指什么？官方解释就是将移动通信和互联网两者结合，用户借助移动终端包括手机、平板、PDA、上网本等，通过网络访问互联网。
大家如果做过移动开发的话，最开始如果想用手机访问互联网的话，从几个阶段过渡过来，一个是WML方式，Web1.0，还有Web2.0。
移动互联网使用的关键技术第一是Web2.0技术。
在移动互联网的时候，Mobile Web App的时候以Web2.0为基础，利用集体智慧，数据驱动，带来较丰富的体验。
iOS操作系统诞生，从本质来说其实带来颠覆性是用户体验上的一些更新。
后面我会讲到为什么移动设备有很多局限性，包括大家在做移动开发的时候都会遇到兼容性的问题。
第二是云计算像超大规模、高可扩展性、高可靠性和相对廉价。
移动互联网开发面临问题第一个是设备。
你拿到手机终端，相比PC端浏览器运算处理速度都有很大差距。
内存小，电池续航能力差，屏幕不统一。
针对哪种终端设备做适配，比你做PC端前端开发所遇到的困难还要大。
第二个是开发，多种不同手机操作系统，每一种操作体验不一样，相应应用开发环境也是不同。
像iPhone的IOS操作系统，是使用WebKet（音译）为核心。
两种版本兼容Webket，具体对HTML5支持力度是不一样的。
大家可以看到这个官方站点就可以看到，能够支持多点触控。
像WindowsPhone是采用IE为内核。
三者操作起来也不一样，iPhone硬件只有一个Hom键，Android是软硬件结合一个实体，返回可以通过硬件操作。
如果你把所有操作、用户体验都放到一个里面看的话，他是有差异的。
这是我们做Web App的时候都必须要考虑的一些问题。
第三是网络，这是大家无法回避的一个地方。
为什么在HTML5出现之后大家会这么狂热，会觉得他是一个趋势。
目前虽然中国现在有3G，他的覆盖面并不是达到处处都可以拥有3G网络，它的流量费用也并不是人人都可以承担的地步。
像网络稳定性上面都还是有一些问题的。
比如你在坐地铁的时候，可能到朝阳门的时候还有信号，走到建国门信号就没有了。
这种情况下用原声还好解决，如果使用网页形式访问的话，如果没有做到APP方式，基本处于假死或者是掉线状态，无法进行第二次访问，这对用户体验是很大的问题。
HTML5适合Mobile Web App开发的特性这些是一个不完全包括的HTML5的集合，这里面我只是罗列出来，我这里说明一下，我觉得HTML5本身也是草案，我也是在一个学习过程中。
第一是语义化。
你做MobileWeb App，他本质还是希望以后把PC端搜索引擎，都可以用到移动端。
当用户通过手机搜索某些东西的时候，可以直接定位到MobileWeb App这种站点，更好的用户体验。
百度框计算，现在都有这种功能。
第二是新的表单功能。
之前做表单功能的时候可能常见的像Canvas，像移动端验证肯定是必须的，像这个键盘是不容忽视的问题，你的手指相比你的移动设备还是很大的。
这个情况下如何更好带来用户输入上的体验，支持浏览器都有对HTML5的一些帮助。
我们有对于E-Mail的，软键盘都有调用方式，邮件的话键盘就增加一个@符号。
还有Canvas像一些对图片旋转是可以原声支持，像手机处理性能会越来越高，手机有这样的提升。
做这种技术储备，后面都有一些长足的用处。
第四讲到视频和音频，嵌入音频和视频和文字排版布局的时候，相当麻烦，你要把所有音频视频文本作为独立资源去集合起来，如果采用HTML5的方式的话就非常简单。
他和你普通移动互联网营销： 广州网站建设： 小草坝天麻：做页面没有辅助差别，可以辅助与CSS，包括CSS3这种方式，可以轻松实现这种布局方式。
Web Worker是一个草案，只是一个工具。
具体项目里面没有用到。
剩下地理位置信息，是HTML5原声支持，为什么说像HTML5使用一些场景都会像导航类、地图类都会用到地理位置信息。
传统的话谷歌地图，大家获得地图信息，不是所有地图软件包获取下来，可以实施地理位置定位。
移动区别PC端，因为他就是移动。
可以扩展出很多，在实际项目应用中就会遇到这样的，我们所有的商品都会有区域购买，他在什么地区可以购买，什么地区他是没有配货。
这种情况下如果用地理位置信息他就非常方便。
因为我可以检测到如果他购买的用户是来自于本地的话，我可以首先获取它的地理位置，告诉他联网请求后台服务，看他是否有货。
他其实就是利用地理位置信息一个功能。
剩下这个就是本地存储和离线功能，这是我们做Web App的一个源动力。
像这个功能才能够支持我们去更好带来这种用户体验，我们可以把一些资源缓存到本地。
可以把用户状态缓存到本地，这个地方也是需要注意的一个地方，就是安全性问题。
你像用户比较核心的一些信心是不建议保存到本地的。
但是有一些信心可以用到这些功能，比如在项目中可能会用到搜索，原来大家可能会常用这种搜索推荐。
我如果搜索一次，下次还是搜索这个怎么办，我可以使用本地搜索功能，我直接把他放到本地，下次直接读取历史记录，这个跟原生没有差别。
另外就是离线功能，金融时报FT 这个站点，他其实都用了离线功能，把所需要资源优先获取到本地，然后这样子，当用户在没有网络的情况下，我可以把有一些资源呈现给用户。
然后又可以再去请求服务器端，同时像这种离线功能还有一些Gmail还有新浪微博都有这些应用在里面。
我发帖子也是一样，把先在发帖时候的信息先缓存到本地，然后再把他发送到服务器端。
WebSocket，虽然现在也是草案，目前各浏览器支持力度还是比较好的。
这在实际项目中可能会用到，我觉得就是像这些新特性，像HTML5提供了相当相当多的全新API，是原来没有尝试过的。
有些地方像OA这种，如果采用传统这种方式，像这种HTTP这种是无状态的，这种情况下怎么办，可以通过WebSocket方式。
这是从网上找到，如果你去开发，他有一些底层框架在上面的。
HTML5在开发移动应用方面有哪些优势呢？第一是跨平台。
如果公司比较小，你如果要去开发一套针对iPhone版本，再针对一套Android 版本，Android目前有高中低三种版本，每一种版本去做适配有四个版本，两套代码。
你开发需要两套成本，然后运营。
我们通过Mobile Web App的方式，开发成本低于你这种本地应用，在不同操作系统上可以带来近乎一致这种用户体验。
因为他其实还是一种Web方式去展现。
第二是他基于Web技术。
它有成熟社区，Web开发人员很容易迁移到像移动互联网开发上面去。
第三个是易用部署。
这是后面我在开发中发现他其实真的有很大差异的地方。
我们用传统方式去开发APP这种应用的时候，我要做一个广告位，像原生这种方式，我更新一个版本，通过他的用户去下载。
更新一个版本的话，你必须把每个系统都做一次更新升级，这个带来部署和维护上面一些成本。
采用这种Mobile Web App方式，可以实现持续更新。
HTML5开发移动应用的注意事项第一智能手机市场占有率。
针对对比一下这种HTML5开发移动应用注意事项，智能手机市场占有率没有达到人手一部，虽然智能机在8000万，但是中国13亿人，没有做到人人一部。
我们公司做的统计，移动端，Symbian操作系统还是占45%份额以上，访问量还是比较大的。
第二是移动设备浏览器对HTML5的支持并没有像桌面版本那么全面。
每个移动浏览器，目前市面上见到的IE的Mobile版本，包括目前出来的QQ浏览器、遨游、海豚浏览器，各个移动设备浏览器对HTML5支持都是不一样的。
像HTML5开发Web App方式，最成功案例永远是出现在iPhone上面，出现在iOS操作系统上面，会做他的兼容和适配。
第三是不同浏览器间的兼容性问题。
移动端的浏览器不比PC端他要差一些。
适合采用Mobile Web App方式的场景我自己总结一下适合采用Mobile Web App方式的场景，所有都是我在自己不断学习过程的一个总结，并不是一个权威的观点，只是拿出来和大家分享。
我觉得MobileWeb App基本上都是基于信息流的，什么叫做信息流的？这种应用都是由后台服务器推送过来。
打个比方，我们看到新闻类，iOS、Android支持两种，一个是JSL，一个是HTML。
有两条产品线做iPhone和Android产品线，采用Mobile Web App的方式，我可以完全做到直接去存储数据库就可以。
我做一套API提供给客户端。
第一个是微博，另外是社交新闻类，地图和导航类，他采用就是按需下载，能够带来客户更多流量上的节省和体验上的提升。
基于这个基础之上可以做更多的分享，像切客这种功能。
一个是商品列表、一个是商品详情，点进去之后就是购物流程。
信息展示类，他是非常适合用MobileWeb App的方式做的。
后面我想展示一些成功的站点，比如说谷歌Plass（音），还爱百度小说都是采用MobileWeb App方式做的。
还有像淘宝。
像列表展示，其实内部嵌这个都是Webwell（音），他们做HTML5然后去实现的。