安卓手机浏览器对html5的支持测试结果

HTML5通过navigator...navigator.mediaDevices.getUserMediaAPI环境问题⼀：（为什么不管怎么配置都显⽰前置摄像头）想正常使⽤API必须在https环境下进⾏，否则你会发现不管怎么写，都只能调⽤默认的摄像头（⼤部分都是前置，只有少部分是后置）前端开发者可以将⽂件上传⾄"码云"仓库，获取https链接然后在⼿机上预览链接：码云仓库⼊⼝问题⼆：（API在安卓和ios效果⼀样吗？）根据官⽅⽂档，⽬前navigator.mediaDevices.getUserMedia在ios上只⽀持11版本以上，且只能在safari正常运⾏。

安卓⽬前没有发现版本限制，需要兼容的代码如下if (navigator.mediaDevices === undefined) {navigator.mediaDevices = {};}if (navigator.mediaDevices.getUserMedia === undefined) {navigator.mediaDevices.getUserMedia = function (constraints) {var getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;if (!getUserMedia) {return Promise.reject(new Error('getUserMedia is not implemented in this browser'));}return new Promise(function (resolve, reject) {getUserMedia.call(navigator, constraints, resolve, reject);});}}问题三：（第⼀次启⽤成功调⽤前置摄像头，第⼆次需要调⽤后置却⿊屏或者失败）失败的原因很多，列举两个⼀开始我遇到的问题1.前置摄像头调⽤后，摄像功能需要关闭后才能正常执⾏第⼆次调⽤，否则会报错：设备被占⽤。

html5⼿机常见问题与⼯具分享mobileTechA useful tools or tips list for mobile web application developing这个项⽬收集移动端开发所需要的⼀些资源与⼩技巧⼯具类⽹站iphone6的那些事响应式测试⼯具Firefox 浏览器内置了⾃定义设计视图的功能，可以通过Firefox->Web 开发者->⾃定义设计视图（或者摁下Shift + Ctrl + m）。

相⽐⽹络⼯具，运⾏更加流畅，⽆需联⽹。

媒体查询常⽤样式表：<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"> // 竖放加载<link rel="stylesheet" media="all and (orientation:landscape)"href="landscape.css"> // 横放加载//竖屏时使⽤的样式<style media="all and (orientation:portrait)" type="text/css">#landscape { display: none; }</style>//横屏时使⽤的样式<style media="all and (orientation:landscape)" type="text/css">#portrait { display: none; }</style>Web app 开发的最佳实践与中⽂总结来⾃的⼀些移动端经验总结⼲货本资料很多引⽤了指尖上的js系列基础知识meta标签meta标签，这些meta标签在开发webapp时起到⾮常重要的作⽤<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" /><meta content="yes" name="apple-mobile-web-app-capable" /><meta content="black" name="apple-mobile-web-app-status-bar-style" /><meta content="telephone=no" name="format-detection" />第⼀个meta标签表⽰：强制让⽂档的宽度与设备的宽度保持1:1，并且⽂档最⼤的宽度⽐例是1.0，且不允许⽤户点击屏幕放⼤浏览；尤其要注意的是content⾥多个属性的设置⼀定要⽤分号+空格来隔开，如果不规范将不会起作⽤。

HTML5新的WEB标准和浏览器支持E4X (ECMA-357)Firefox和ActionScript3早就实现了的东西……不过实在现在json这么流行，有没有E4X似乎都无所谓了～（瞎说的，实在在js代码里直接写dom对象而不是html字符串，会方便很多）MDC文档：https:///en/E4X支持：Firefox 1.5+ECMAScript 5 Native JSON原生的JSON支持，速度和安全性都比eval强一百倍亚一百倍，另外要留意Douglas Crockford 的json2.js是一个用js实现的js解释器，所以安全性更好JSON.parse( text, translate )JSON.stringify(obj, translate )String.prototype.toJSONBoolean.prototype.toJSONNumber.prototype.toJSONDate.prototype.toJSONMDC文档：/webdev/2009/02/12/native-json-in-firefox-31/MSDN文档：/ie/archive/2008/09/10/native-json-in-ie8.aspx支持：Firefox 3.5+, IE8+替换/过渡：json2.js /json2.jsECMAScript 5 Array Extrasjs1.6里实现的数组方法，主要是forEach, map, fliter这几个函数式编程里非常重要的方法，还有反向查询Array.prototype.indexOf( str )stIndexOf(str )Array.prototype.every(fn )Array.prototype.some(fn )Array.prototype.filter(fn )Array.prototype.forEach(fn )Array.prototype.map(fn )MDC文档：https:///en/New_in_JavaScript_1.6#Array_extras支持：Firefox2.0+, Safari 3.0+, Google Chrome 1.0+, Opera 9.5+替换/过渡：都可以通过扩展Array.prototype来模拟ECMAScript 5 isArray()区分数组和对象Array.isArray([]); // true支持：无替换/过渡：Array.isArray = function(a){ return Object.prototype.toString.call(a) === “[object Array]”;};ECMAScript 5 Object用GOOGLE I/O演讲里的话来说：更鲁棒(robust)的对象系统Object.getPrototypeOf( obj )约翰同学的讲解：/blog/objectgetprototypeof/支持：Firefox3.5替换/过渡：object.__proto__ 或object.constructor.prototypeObject.create( proto, props ) //克隆或继续对象Object.keys(obj ) //数据结构的映射Object.getOwnPropertyNames(obj )Object.preventExtensions(obj ) //不能添加新属性Object.isExtensible(obj )Object.seal(obj ) //不能删除和修改属性的配置，不能添加新属性Object.isSealed(obj )Object.freeze(obj ) //不能删除和修改属性的配置，不能添加新属性，不能写属性Object.isFrozen(obj )约翰同学的讲解：/blog/ecmascript-5-objects-and-properties/支持：无替换/过渡：Object.create和Object.keys可以自己实现ECMAScript 5 Property Descriptor对象属性的访问控制Object.getOwnPropertyDescriptor( obj, prop )Object.defineProperty(obj, prop, desc )Object.defineProperties(obj, props )desc = {value: true,writable: false, //修改enumerable: true, //for inconfigurable: true, //删除和修改属性get: function(){return name; },set: function(value){name = value; }}约翰同学的讲解：/blog/ecmascript-5-objects-and-properties/支持：无替换/过渡：Object.defineProperties实在相当于jQuery.extend，用来实现Mixin ECMAScript 5 Getters and Setterspython和ruby里都有的属性访问方法obj = {getinnerHTML() { return …; },setinnerHTML(newHTML) { … }};MDC文档：https:///en/Core_JavaScript_1.5_Guide/Creating_New_Objects/Defining_Ge tters_and_Setters支持：Firefox 2.0+, Safari 3.0+, Google Chrome 1.0+, Opera 9.5+替换/过渡：非标准，Firefox1.5里的旧方法HTMLElement.prototype.__defineGetter__("innerHTML", function () {});HTMLElement.prototype.__defineSetter__("innerHTML", function(val) {});支持：Firefox 2.0+, Safari 3.0+, Google Chrome 1.0+, Opera 9.5+标准Object.defineProperty(document.body, "innerHTML", { get : function () {} });MSDN文档：/en-us/library/dd229916(VS.85).aspx支持：IE8+ (只能对DOM使用)ECMAScript 5 Strict ModeES5的严格模式，删除了旧版本中轻易引起题目的元素，并且会显式的报错，方便调试"use strict"; //以下情况下抛出异常//对未定义的变量赋值//操纵被设置为不可写，不可配置或不可扩充的属性//删除变量，函数，参数//在对象直接量里重复定义属性//eval做关键字，在eval的字符串里定义变量//覆写arguments//使用arguments.caller和arguments.callee（匿名函数必须具名才能引用自己）//(function(){ ... }).call( null ); // Exception//使用with约翰同学的讲解：/blog/ecmascript-5-strict-mode-json-and-more/支持：无替换/过渡：……从现在开始养成严谨的编程习惯ECMAScript 5 其他新特性传递函数的引用时，绑定thisFunction.prototype.bind(thisArg, arg1, arg2....) /支持：无替换/过渡：prototype /api/function/bindISO-formatted datesDate.prototype.toISOString() // Prints 2009-05-21T16:06:05.000TZ支持：无替换/过渡：datejs /p/datejs/String.prototype.trim()支持：Firefox3.5替换/过渡：各种正则实现/archives/faster-trim-javascript。

移动端html5页⾯长按实现⾼亮全选⽂本内容的兼容解决⽅式近期须要给html5的WebAPP在页⾯上实现⼀个复制功能：⽤户点击长按⽂本会全选⽂字并弹出系统“复制”菜单。

⽤户能够点击“复制”进⾏复制操作。

然后粘贴到AppStore搜索相应的应⽤。

之所以不是採⽤链接形式直接跳转到AppStore相应应⽤是为了通过⽤户的主动输⼊关键词搜索给推⼴的企业App添加权重。

所以这⼀个“复制”功能对⽤户的体验⾄关重要。

尝试了⼀些做法。

在安卓/iOS平台上的兼容性都不是⾮常好。

在微信浏览器内是⾮常easy实现长按⽂本激发系统菜单。

⾼亮全选⽂本内容的。

可是在其它浏览器的表现就不是⾮常⼀致了。

包含模拟focus input。

JavaScript Selection, 使⽤a标签尝试激活系统菜单。

这些⽅法都存在兼容的缺陷。

1）尽管使⽤带有href属性的a标签在uc浏览器和百度浏览器上长按⽂本会出现“⾃由复制”/“选择⽂本”菜单，选择该菜单后会出现“全选/复制”的菜单，可是在⼀些安卓⼿机的系统浏览器和iPhone中却被视为纯链接，仅仅弹出“复制链接”，没有“复制⽂本”菜单。

况且即使仅仅考虑少部分浏览器可⾏。

这样也给⽤户操作多了⼀步。

添加了复杂度。

所以该⽅案不可取。

2）借助selection和range的⽅法须要考虑到不同浏览器的兼容性，代码例如以下：function selectText(element) {var doc = document,text = doc.getElementById(element),range,selection;if (doc.body.createTextRange) {range = document.body.createTextRange();range.moveToElementText(text);range.select();} else if (window.getSelection) {selection = window.getSelection();range = document.createRange();range.selectNodeContents(text);selection.removeAllRanges();selection.addRange(range);/*if(selection.setBaseAndExtent){selection.setBaseAndExtent(text, 0, text, 1);}*/}else{alert("none");}}遗憾的是在iphone Safari上依旧⽆法通过点击或长按⾼亮选中全部⽂本（既然也⽀持window.getSelection，为何在Safari浏览器addRange 操作后⽂本不能默认选中，知道原因的请留⾔不吝赐教）。

第1章1.请列举移动开发的几种方式。

答案：当前，针对移动端的开发方式可以分为三种，具体如下。

（1）移动Web：就是在移动Web浏览器中运行的Web应用。

（2）NativeApp：用Android和Object-C等原生语言开发的移动应用。

（3）HybridApp：将移动Web页面封装在原生外壳中，以APP的形式与用户交互。

2.请列举基于HTML5的移动Web开发支持那些新功能。

答案：（1）多媒体（2）Canvas（3）本地存储（4）离线应用（5）地理定位（6）移动Web框架第2章1.请简述Web Storage具有哪些特点。

答案：（1）设置数据和读取数据比较方便（2）容量较大，sessionStorage约5M，localStorage约20M（3）只能存储字符串，如果要存储JSON对象，可以使用window.JSON的stringify()方法和parse()方法进行序列化和反序列化。

2.请简述manifest 文件可分哪三个部分，并说名每个部分的作用。

答案：（1）CACHE MANIFEST：在此标题下列出的文件将在首次下载后进行缓存。

（2）NETWORK：在此标题下列出的文件需要与服务器的连接，且不会被缓存。

（3）FALLBACK：在此标题下列出的文件规定当页面无法访问时的回退页面（比如404 页面）。

第3章1.请简述如何获取当前坐标位置。

答案：“navigator. geolocation”对象可以公开访问地理位置的方法，其中navigator为浏览器内置对象。

检测浏览器是否支持定位API，只需要检测geolocation是否存在于navigator中即可。

对于移动Web开发者，大多数情况只需要获取用户的当前位置，此时我们可以使用getCurrentPosition()方法来获取当前位置的坐标值。

getCurrentPosition()调用时会发起一个异步请求，浏览器会调用系统底层的硬件（如GPS）来更新当前的位置信息，当信息获取到之后会在回调函数中传入position对象。

Html5移动端布局及（rem布局）页⾯⾃适应布局详解常见的页⾯布局⽅式有，静态布局 px布局流式布局（Liquid Layout）主要的划分区域的尺⼨使⽤百分数（搭配min-*、max-*属性使⽤）⾃适应布局（Adaptive Layout）即创建多个静态布局，每个静态布局对应⼀个屏幕分辨率范围响应式布局（Responsive Layout）检测窗⼝⼤⼩利⽤bootstrap布局弹性布局（rem/em布局） css3 rem结论提前说：1. 如果只做pc端，那么静态布局（定宽度）是最好的选择；2. 如果做移动端，且设计对⾼度和元素间距要求不⾼，那么弹性布局（rem+js）是最好的选择，⼀份css+⼀份js调节font-size搞定；3. 如果pc，移动要兼容，⽽且要求很⾼那么响应式布局还是最好的选择，前提是设计根据不同的⾼宽做不同的设计，响应式根据媒体查询做不同的布局。

⼀、静态布局（Static Layout）即传统Web设计，⽹页上的所有元素的尺⼨⼀律使⽤px作为单位。

1、布局特点：不管浏览器尺⼨具体是多少，⽹页布局始终按照最初写代码时的布局来显⽰。

常规的pc的⽹站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果⼩于这个宽度就会出现滚动条，如果⼤于这个宽度则内容居中外加背景，这种设计常见与pc端。

2、设计⽅法： PC：居中布局，所有样式使⽤绝对宽度/⾼度(px)，设计⼀个Layout，在屏幕宽⾼有调整时，使⽤横向和竖向的滚动条来查阅被遮掩部分； 移动设备：另外建⽴移动⽹站，单独设计⼀个布局，使⽤不同的域名如wap.或m.。

　在移动端开发中采⽤静态布局的两种⽅式：(来⾃：)　（1）在viewport meta标签上设置width=320，页⾯的各个元素也采⽤px作为单位。

通过⽤JS动态修改标签的initial-scale使得页⾯等⽐缩放，从⽽刚好占满整个屏幕。

（见）　（2）设在viewport meta标签上设置content"width=640,user-scalable=no，页⾯的各个元素也采⽤px作为单位。

h5发展前景H5发展前景随着移动互联网的迅猛发展，H5技术逐渐成为了互联网应用中的热门技术，具有巨大的发展前景。

H5是一种运行于移动设备和网络浏览器中的新一代互联网技术，是HTML5技术的简称。

它可以用于开发各种网络应用，比如游戏、网页、音视频播放器等。

下面从市场需求、技术发展和应用场景三个方面来分析H5的发展前景。

首先，H5技术在市场需求方面具有巨大的潜力。

随着智能手机的普及，越来越多的用户开始使用移动设备来上网，这就为H5技术的应用提供了广阔的市场。

根据统计数据显示，截至2020年底，全球智能手机用户已经超过30亿，而中国市场的智能手机用户超过了11亿。

这样庞大的用户基数为H5技术的应用提供了巨大的市场需求。

其次，H5技术在技术发展方面也有着巨大的潜力。

H5技术是HTML5技术的延伸，相较于传统的HTML技术，H5技术具有更好的跨平台兼容性和更强的图形和多媒体支持能力。

这意味着开发者可以更方便地开发跨平台的应用，并且可以实现更加丰富多样的功能和交互效果。

随着移动设备性能的提升，H5技术的应用也将变得更加流畅和高效。

最后，H5技术在应用场景方面也具有广阔的发展空间。

H5技术可以应用于各种场景，如游戏、广告、直播、电商等领域。

以游戏为例，H5游戏具有即点即玩、无需下载和跨平台等特点，可以在不同的平台上无缝运行并且不受设备性能限制，这为开发者和用户提供了更好的体验。

另外，随着移动支付的普及，越来越多的企业开始在H5页面上进行电商推广和交易，这将进一步推动H5技术的应用和发展。

综上所述，H5技术具有巨大的发展前景。

随着移动互联网的快速发展、技术的不断创新和市场需求的不断增长，H5技术将逐渐在互联网应用领域占据重要地位。

未来，H5技术还将继续发展和完善，为用户带来更好的使用体验，为开发者带来更多的商机。

H5测试与PC端测试不同的点：1、通过H5网页（非手机的返回功能）的返回功能可以返回，不会出现无法返回的情况。

2、横屏竖屏相互切换，能自适应，并且布局不会乱掉；3、为能在不同分辨率的手机上能更好的展示，建议采用响应式设计（如：offerlist页面在大屏时显示3行，小屏时显示2行）4、在手机上从list点击进入detail页面，要在原窗口打开，这样可以通过页头的返回按钮返回，而不需要通过手机的返回键返回，这样交互上更友好。

5、关注页面请求，是否会有多余的请求，或者请求后有多余的数据返回，尽量精简，否则会浪费流量。

6、图片适配测试，根据不同屏幕和分辨率做适配，以及适配后的清晰度，高端机取双倍尺寸的图7、H5的页面在PC端也是能访问的，chrome对H5支持最好，功能的测试可以在PC端chrome下先测试，也可以在手机上直接测试，这个看个人习惯。

（ie 系列包括ie8,及以下都支持的不好，这个可以与PD确认H5页面在这些PC浏览器上不支持）8、手指滑动是否流畅，手指点击时焦点是否定位正确，不同机型会不一样。

焦点地位后点击是否灵敏。

9、对于类似公司名称、offer名称长度的问题，在手机上最好能根据屏幕大小自适应而不是截断，因为手机上是不会有tips可以看的。

截断导致大屏幕下也只能显示几个字，交互不好10、手机测试要特别关注交互是否友好，与PC机的事件模型不一样，可能会导致一些体验的问题，比如：弹出层的点击，是否会穿透，影响到弹出层下面的页面。

11、对于一些浮层做的页面，例如地图、产品分类等浮层，注意拖动后是否可以看到它下面的页面，拖动后边缘是否有留白12、手机端的浏览器测试的时候也要清除一下缓存，因为图片和文件会被缓存下来，所以首次访问和二次访问体验不一样。

例如UC浏览器的清楚缓存在设置-》系统设置-》基本设置--》清除记录中。

H5页面适配所有iPhone和安卓机型的六个技巧– 25学堂目前，很多APP设计师小伙伴已经开始转向H5前端开发啦，但是解决所有iPhone和安卓机型的适配问题是我们的重中之重。

无论是设计APP还是写前端H5.都是要考虑移动端的兼容性。

25学堂今天跟大家来回顾一下H5页面去适配所有iPhone 和安卓机型的一些技巧和办法。

回归正题，兼容iphone各版本机型最佳的方式就是自适应。

1、viewport 简单粗暴的方式：&lt;meta name="viewport"content="width=320,maximum-scale=1.3,user-scalable=n o"&gt;直接设置viewport为320px的1.3倍，将页面放大1.3倍。

为什么是1.3？目前大部分页面都是以320px为基准的布局，而iphone6的宽度比是375/320 = 1.171875，iphone6+则是414/320 = 1.29375那么以1.29倍也就约等于1.3了。

2、ip6+ 的CSS media query@media (min-device-width : 375px) and(max-device-width : 667px) and(-webkit-min-device-pixel-ratio : 2){/*iphone 6*/}@media (min-device-width : 414px) and(max-device-width : 736px) and(-webkit-min-device-pixel-ratio : 3){/*iphone 6 plus*/}PS: 也可以直接使用实际的device-width：如device-width : 375px在原有页面的基础上，再针对相应的屏幕大小单独写样式做适配。

3、REM布局REM是CSS3新增的一种单位，并且移动端的支持度很高，android2.x+，ios5+ 都支持。

HTML5微信播放全屏问题的解决⽅法在ios和安卓⼿机⾥的微信下播放视频时，会遇到不少问题，例如需要⼿动点击，视频才会播放，并且视频会跳出微信框，出现控制条，如果视频不是腾讯视频，播放完毕会出现腾讯视频的⼴告推送等问题解决办法：给video标签加⼀些属性，调⽤h5原⽣video。

<videoid="videoALL"src="video/01.mp4"poster="images/1.jpg" /*视频封⾯*/preload="auto"webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在⼩窗内播放，也就是不是全屏播放*/playsinline="true" /*IOS微信浏览器⽀持⼩窗内播放*/x-webkit-airplay="allow"x5-video-player-type="h5" /*启⽤H5播放器,是wechat安卓版特性*/x5-video-player-fullscreen="true" /*全屏设置，设置为 true 是防⽌横屏*/>x5-video-orientation="portraint" /*播放器⽀付的⽅向，landscape横屏，portraint竖屏，默认值为竖屏*/style="object-fit:fill"></video>poster="images/1.jpg":属性规定视频下载时显⽰的图像，或者在⽤户点击播放按钮前显⽰的图像。

如果未设置该属性，则使⽤视频的第⼀帧来代替。

preload="auto" ：属性规定在页⾯加载后载⼊视频。

使用html5开发手机软件的技巧使用html5开发手机软件的技巧大全在日常生活中，大家一定都或多或少地了解过电脑操作的相关知识，下面是店铺为大家收集的使用html5开发手机软件的技巧，仅供参考，希望能够帮助到大家。

使用HTML5开发手机APP分享使用HTML5开发手机APP经验分享一、浅谈HTML5发展 (2)二、HTML5开发手机APP过去的劣势与当前的优势 (2)三、认识Hbuilder开发工具及MUI框架 (3)a)性能........................................................................................................................... . (3)b)工具........................................................................................................................... . (3)c)能力........................................................................................................................... . (3)d)最接近原生体验的高性能框架 (4)四、开发案例........................................................................................................................... .. (5)五、HTML5开发手机APP心得 (8)一、浅谈HTML5发展未来App的市场呈现一片光明景象，而对于移动开发商来说，不同平台的应用则需要开发不同的App来支持，无论在更新及维护上都需要一定的成本。

从HTML5移动应⽤现状谈发展趋势时光如梭，⾃2008年HTML5诞⽣以来已经过去了5年的时间，作为新⼀代的Web标准，它⾃问世以来就受到⽅⽅⾯⾯的强烈关注，也引起了许多争议，⽀持者因其开放强⼤的特点⽽⿎吹它的美好前景，质疑者因其迟迟不能很好落地⽽怀疑它的实际作⽤。

现在我们从现状⼊⼿，以提问的⽅式针对HTML5在移动平台的发展趋势做⼀个剖析，使得⼤家能够从纷繁复杂的信息中对HTML5的未来有更清晰的了解和认识。

针对移动平台，采⽤HTML5开发Web App（或者Hybrid App）有哪些优势？使⽤HTML5开发的页⾯更具有现代⽹页的特性：界⾯华丽、⼈机交互出⾊、功能强⼤，现在我们已经很难单纯⽤传统的表现⽅式满⾜⽤户多种多样的需求，实现时也很难将HTML5与之前的版本割裂开来，所以我们可以认为在移动平台上绝⼤部分的现代Web App（或者Hybrid App）都将会采⽤HTML5开发。

那么这样做究竟有哪些好处呢？跨平台：⼀次开发，到处使⽤，不需要考虑兼容性。

这可以极⼤减少跨平台开发⼈员数量和成本。

如果反过来思考，现在移动平台⽇新⽉异，除了Android和iOS两强独⼤，还有Windows Phone、Blackberry、Bada等多个系统参与竞争，各⾃覆盖⼀部分⽤户，⽽⼀个应⽤要想覆盖这么多的平台，除了采⽤Web App的⽅式，⼏乎不可能解决这个现实的问题。

云端升级：在移动开发中最痛苦的是每次发布。

发布时需要涉及多个应⽤商店和渠道，另外还要⾮常的谨慎。

如果出现重⼤bug或者质量问题，通过新版本修复是极其⿇烦的事情，在这个过程中苹果App Store的审核期也让很多开发者⾮常头疼。

⽽云端升级可以⼀次性覆盖所有⽤户，不需要⽤户⼿动升级和安装；有任何问题可以随时及时修复，不需要经过应⽤商店和⽤户⼿动更新，⼤⼤减少了风险和⼯作量。

与云计算平台结合，解决移动设备运算能⼒有限的问题：如果将Web App存放在云端的服务器上，可以很好的利⽤云计算平台强⼤的服务器和运算资源，完成很多受移动设备硬件能⼒限制难以完成的复杂⼯作。