html5写一个简单的手机app的界面，做html5 做手机页面

html5开发的手机APP怎么做首页的菜单页面切换?

1、建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代。

2、打开百度，在百度上搜索：易企秀，然后点击搜索，在搜索的结果中点击进入易企秀的官方网站。进入后，先登录自己的账号，可以直接用QQ微信登录即可，登录后就可以开始制作自己的手机网页微场景了。

3、修改的就是那些top之类的，如下所示：从第一个变成第二个。。

4、但里面的主界面其实是用Web页面实现的，在外面套个手机浏览器框架的壳儿，就成了手机APP应用，这种东西有很多框架可用，你在框架下设计页面，然后框架把你页面打包成手机应用，著名的框架比如：PhoneGap。

5、用iphone调试html5页面的方法如下：打开手机web检查器。通过【设置】【Safari】【高级】【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

相关问答

Q1: 如何用html5构建移动端的webapp

框架：Ionic官网：简介：Ionic是一个强大的HTML5应用程序开发框架，号称AdvancedHTML5HybridMobileAppFramework是AngularJS移动端解决方案可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。

SenchaTouchSenchaTouch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。可以让你的WebApp看起来就像本地应用程序一样。

框架：PhoneGap PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。优点：可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。提供硬件访问控制。

②：Ionic IONIC是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScriptMVVM框架和AngularJS来增强应用。

Q2: html5的手机客户端app怎么开发?

框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

首先先了解app软件开发需求，知道自己开发的系统是安卓还是ios，开发语言以及下载开发环境等。也可以请一些专业的手机app软件开发团队来帮忙开发，或找一些专业的移动app外包来进行合作开发。

HBuilder HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。

：开发工具需要一种就可以了。下面的几款常见工具有：hbuilder 国产开发工具，很受前端开发者欢迎的工具，我也在使用这款工具，。sumblime text3 一款不错的前端开发工具。

首先得解决的一个问题。即使这样，我还是很看好html5app开发，原因有一下几点。一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。二：html5对android、ios系统都支持。

AudioJS HTML音频播放器。用来让HTML5 的 标签可以在各种浏览器上使用，包括移动设备。 HTML5Widget HTML5的表单模块，包括日历，调色板，滑动部件，客户端验证等。

Q3: 怎样通过HTML5让移动APP页面有动效?(二)

做一个逐帧动画必不可缺的就是需要一张等间距的“动画分解逐帧图片.png”，之后我们就可以通过修改 background-position 来完成一个“逐帧动画”。当然我们也可以通过设置特殊的图片，来完成一些特殊的效果。

h5元素本身的位移、缩放，控制css属性即可，left、right、top、bottom，width、height，另外使用transform可以完成更复杂的变化。透明度属性可以完成渐隐渐现效果，切换background-image属性，background-color属性。

首先，我们创建一个移动APP项目，然后，添加一个index.html页面。代码里，添加一个图标，以及添加引入一个JS文件，该文件的作用在于：请求后台JS文件。接下来，我们看看service.js文件是如何请求后台JS文件的。

如果有给力的编辑器或者给力的框架的话，它就能发挥出更大的威力。 于是决定自己写一个简单一点的动画框架，以便能更方便地构建出一些动画效果。

基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。

Q4: HTML5做手机APP的话,流程是怎样的?

框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

搭建好手机站之后可以去找第三方的一个打包平台把你的手机站封装一下，比如说一门app、安卓益、奇门应用这些平台，封装好之后就可以生成安装包了。

一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。二：html5对android、ios系统都支持。

制作app软件流程：第一步首先要进行方案策划，产品经理基于需求功能表，协同方案策划师，结合国内外的优秀APP设计思路，形成策划方案与APP设计逻辑图。确立产品原型，进入项目评估阶段。

选择开发技术和工具 开发跨平台移动App的最大挑战之一，就是每个移动平台就有个原生语言和软件开发包（SDK）：Windows手机是C#和.Net，iOS平台使用ObjectiveC和Cocoa，而Android则是Java和ADK。

Q5: 怎么实现用html5开发app

搭建好手机站之后可以去找第三方的一个打包平台把你的手机站封装一下，比如说一门app、安卓益、奇门应用这些平台，封装好之后就可以生成安装包了。

：你还需要调试工具。调试工具开发软件中也有。不过你最好还是下载几个浏览器 你需要下载的浏览器有：谷歌浏览器，火狐浏览器，ie浏览器，欧朋浏览器，这些主流浏览器会帮助你做好兼容问题。

首先先了解app软件开发需求，知道自己开发的系统是安卓还是ios，开发语言以及下载开发环境等。也可以请一些专业的手机app软件开发团队来帮忙开发，或找一些专业的移动app外包来进行合作开发。

WebStorm WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。

一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。二：html5对android、ios系统都支持。

将html5程序打包成Android应用的方法是采用在线appcan实现的。图标设置 可以使用AppCan提供的默认图标，也可以通过从本地上传图标设置自己应用的图标。状态栏设置 Android状态栏支持两种设置：显示或不显示。

html5写一个简单的手机app的界面的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于做html5 做手机页面、html5写一个简单的手机app的界面的信息别忘了在本站进行查找喔。