一种手机客户端应用程序的开发方法技术

本发明专利技术公开了一种手机客户端应用程序的开发方法，包括以下步骤：使用HTML5做出网页框架；使用CSS3修饰网页页面；使用JQuery或者Javascr i pt框架，使网页静态界面具有动态功能，能够与用户进行交互；将上一步制作的网页嵌入到手机APP的框架中，进行调试，使不同手机系统的APP都能够嵌入网页并正常显示。本发明专利技术手机客户端的应用程序开发周期短、程序兼容性好、程序可以存储在服务器中，每次加载都是从服务器获取最新的版本，无须用户下载更新客户端。

【技术实现步骤摘要】
[
]本专利技术涉及手机客户端应用程序，尤其涉及一种手机客户端应用程序的开发方法。[
技术介绍
]现在，智能手机已全面普及，智能手机使用得最多的有四大系统，即Sym手机客户端应用程序的开发方法ian、WP7、IOS和Android，不同系统的应用软件互不兼容。所以，不同系统的手机需要开发不同的手机客户端，这就造成的重复开发；同时每次发布新的APP都需要用户重新下载客户端，这不仅拖慢整个开发进度，同时也会给用户带来不良的体验。[
技术实现思路
]本专利技术要解决的技术问题是提供一种开发周期短、程序兼容性好、无须用户下载更新客户端的手机客户端应用程序的开发方法。为了解决上述技术问题，本专利技术采用的技术方案是，一种手机客户端应用程序的开发方法，包括以下步骤：101、使用HTML5做出网页框架；102、使用CSS3修饰网页页面；103、使用JQuery或者Javascript框架，使网页静态界面具有动态功能，能够与用户进行交互；104、将步骤103制作的网页嵌入到手机APP的框架中，进行调试，使不同手机系统的APP都能够嵌入网页并正常显示。以上所述的手机客户端应用程序的开发方法，在步骤101中，调整网页的表单、文字和图片的位置，并在不同的手机系统上测试兼容性并进行调整。以上所述的手机客户端应用程序的开发方法，在步骤102中，使用CSS3修饰网页的颜色和动态效果。本专利技术手机客户端的应用程序开发周期短、程序兼容性好、程序可以存储在服务器中，每次加载都是从服务器获取最新的版本，无须用户下载更新客户端。[附图说明]下面结合附图和具体实施方式对本专利技术作进一步详细的说明。图1是本专利技术实施例手机客户端应用程序的开发方法的流程图。[具体实施方式]本专利技术实施例手机客户端应用程序的开发方法的流程如图1所示，包括以下步骤：1、使用HTML5做出网页框架，调整网页的表单、文字和图片的位置，并在不同的手机系统上测试兼容性并进行调整。具体操作如下：1)搭建：使用html5的div、table、span等标签，借助DreamWeaver网页前端开发工具，将需要展示内容框架搭建起来。同时可以借用当前主流的框架如：bootstrap、jqueryMobile，搭建出展示效果更好的网页框架。确定整个网页的框架后，同样可以借助DreamWeaver调整元素之间的距离。此时也可以确定图片的尺寸和大小，让美工同步进行项目开发。2)兼容性：HTML5完美支持IE9及以上、谷歌、火狐等主流浏览但国内还是有很多用户使用IE8及以下浏览器，如果需要将开发的项目运行在PC端，就需要做兼容性的测试，例如IE6的div垂直居中问题，需要将行距增加到和整个div一样高，然后插入文字；div中margin距离加倍问题，需要在div中加入display：none。在调试工具上我们可以选择IETest工具。2、使用CSS3修饰页面的颜色、动态效果，使页面看起来美观，抓住用户的眼球。具体操作如下：1)样式生成：CSS即层叠样式表，在网页制作时采用层叠样式表技术，可以对页面的字体、布局以及其它效果实现更加精确的控制；同时CSS3是CSS的升级版本，CSS3语言开发是朝着模块化发展的，包括盒子模型、列表模型、语言模块、背景和边框等。可以使用现有成熟的框架进行生成，如：CSS3Marker。可在线演示渐变、阴影、旋转、动画等多种效果，并且能生成对应效果的代码。2)兼容性调整：可以使用DreamWeaver进行颜色、背景、布局的调整，也可以使用谷歌、火狐浏览器进行调试，点击F12即可进入调试界面。3、使用JQuery或者Javascript框架，使静态界面富有动态性，可以与用户进行交互。具体操作如下：1)引入类库：推荐使用JQuery，JQuery是一个兼容多浏览器的javascript库，全球目前55％的前端开发人员在使用，并且它是免费和开源的。jQuery可以操作文档对象、选择DOM元素、制作动画效果、事件处理等。当然如果没有接触过JQuery可以使用原生态的javascript,在引入类库时，我们可以借助新浪、百度等CDN上已经存在的资源，这样在用户加载类库时更快。2)使用插件：javascript提供了很多插件，如官方的JqueryUI。可以借助它实现Ajax辅助、数据表格、动态列表、XML工具、cookie处理操作。进一步将用户体验提升一个高度。4、将步骤3制作的网页嵌入到手机APP的框架中，进行调试，使不同手机系统的APP都能够嵌入网页并正常显示，具体操作如下：1)方法一：安卓、苹果工程师配合开发APP框架，引入制作完成的网页，当需要使用手机系统权限时，需要安卓、苹果工程师提供接口，网页可以使用js调用。测试完成后就完成了整个工程的开发2)方法二：使用现有成熟框架如：WeX5，WeX5提供了安卓、苹果统一生成打包功能，无须安卓、苹果工程师配合。本专利技术以上实施例具有以下优点：1、无须多次开发，多个工种的程序员开发。基于HTML5的应用只需要前端工程师参与，配合现有的APP框架，也可以使用第三方框架，全程无须安卓、苹果工程师参与，HTML5基于浏览器运行，无须考虑系统的多样性，做到一次开发，多处运行的效果。2、无须用户多次下载更新客户端。基于HTML5应用，加载的内容是HTML5开发的网页，存储在服务器中，每次加载都是从服务器获取最新的版本，所以无须用户多次下载更新客户端。而传统的APP应用，文件内容都存储在本地，如果需要升级版本，需要重新下载整个客户端，会造成用户体验不好。3、使用HTML5无须考虑到页面的兼容性。现在的智能手机系统的浏览器均支持超文本标记语言HTML5，前端工程师无须像开发PC端网页一样兼容多个标准的浏览器，省去了调试兼容性的烦恼，大大提高了开发效率。本文档来自技高网...

【技术保护点】
一种手机客户端应用程序的开发方法，其特征在于，包括以下步骤：101、使用HTML5做出网页框架；102、使用CSS3修饰网页页面；103、使用JQuery或者Javascript框架，使网页静态界面具有动态功能，能够与用户进行交互；104、将步骤103制作的网页嵌入到手机APP的框架中，进行调试，使不同手机系统的APP都能够嵌入网页并正常显示。

【技术特征摘要】
1.一种手机客户端应用程序的开发方法，其特征在于，包括以下步骤：
101、使用HTML5做出网页框架；
102、使用CSS3修饰网页页面；
103、使用JQuery或者Javascript框架，使网页静态界面具有动态功能，
能够与用户进行交互；
104、将步骤103制作的网页嵌入到手机APP的框架中，进行调试，使不同
手机系...

【专利技术属性】
技术研发人员：张峰，刘洋，
申请(专利权)人：深圳市泰比特科技有限公司，
类型：发明
国别省市：广东;44