[发明专利]一种手机客户端应用程序的开发方法

说明书

[技术领域]

本发明涉及手机客户端应用程序，尤其涉及一种手机客户端应用程序的开 发方法。

[背景技术]

现在，智能手机已全面普及，智能手机使用得最多的有四大系统，即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框架，使静态界面富有动态性，可以与用户 进行交互。具体操作如下：