html网页制作app（Cordova: 仅使用HTML/JS即可制作一个Android或者iOS的App）

本文目录

• Cordova: 仅使用HTML/JS即可制作一个Android或者iOS的App
• 求一个html5网页转换到app的详细步骤
• 如何将html打包成一个app
• html+js做的网站，想做成APP怎么封装呢
• html5如何做APP
• 怎么用HTML5开发手机app
• 如何将前端开发的网页封装成手机app
• html如何制作成apk
• 国内几款比较好用的html5页面制作工具有哪些
• html5 做app引导页怎么做

Cordova: 仅使用HTML/JS即可制作一个Android或者iOS的App

关于这个问题，还是看看官网是怎么说的吧: 翻译一下： 听上去蛮不错的，那么我们就开始用它来做一个app吧！ 创建应用 如果按照Cordova这个简单，打开Android Studio添加一个: 再次运行 cordova run android ， 哈！ 这次成功了！ 什么！闪退！WTF! 运行命令 cordova run android ，将APK包安装到模拟器上结果又报错了！ 离成功就差一步了，别泄气！我们慢慢查找原因~ 至此，APP终于搞定了！

求一个html5网页转换到app的详细步骤

用hbuilder，是个IDE，新建移动应用，新建文件夹，把你的html页面放进去，然后工具栏里面有个打包按钮，可以选择Android还是IOS的，打包后下载安装到手机就行了

如何将html打包成一个app

这里介绍一个打包工具HBuilder，可以直接将html打包成手机app，下面我介绍一下这个工具的安装和简单使用，如下：

1.下载HBuilder，这个直接到官网下载就行，地址，如下：

2.下载成功后，随便解压到一个目录下边，主要内容如下：

3.打开HBuilder，新建一个移动App应用，依次点击“文件”-》“新建”-》“移动App”就行，我这里创建了一个Test应用，这里需要勾选“HelloH5+”，如下：

创建成功后，Test应用主要目录结构如下：

4.为了方便测试，我这里新建了一个html文件—test.html，主要内容如下：

用浏览器打开后的效果如下：

5.下面我们就可以对这个html文件进行打包，双击打开manifest.json文件，设置test.html文件为入口文件，如下：

接着右击Test应用，选择“发行”-》“云打包-打原生安装包”，这里我以打包安卓程序为例，勾选“Android”，点击打包就行，如下：

打包成功后，如下：

apk所在目录（在unpackage目录里边），如下：

至此，html就已打包成功，可以直接安装到安卓手机上，如下，成功安装后的界面：

到此，我们就完成了将一个html打包成一个手机app，就整个过程来看，其实不难，就是步骤有些繁琐，网上也有相关教程和资料，感兴趣的可以搜一下，希望以上分享的内容能对你有所帮助吧。

html+js做的网站，想做成APP怎么封装呢

如果要做网站封装APP的话，其实非常简单的，网上很多开发者服务平台都有这个功能，操作非常简单，基本上一分钟不到就可以封装好。

在亥著开发者中心找到【产品概览】-【封装APP】

输入APP名称，网站网址，选择图标，也可以自己上传自己的图片。

然后根据自己的需要选择选择功能插件，像扫一扫、微信分享、下拉刷新这些功能都是免费添加的。

html5如何做APP

我推荐你去下载一个HBuilder，里面自带mui开发框架和demo示例。只要你直接新建一个移动APP项目，然后选择mui模板，根据示例你可以自己开发自己的APP；mui里面的功能很接近安卓、苹果的功能，滑动、重力传感、测速等功能mui功能已经封装好了，你只要调用就行了

怎么用HTML5开发手机app

你说的这个主要制作思路是使用响应式设计，结合html5和css的一些特性制作（主要是css3的媒体检查，根据不同视口载入不同样式），但制作出来的东西能否被称为手机app，这个还要看功能，如果你制作出来的东西能完成某些功能或者某种任务，这能被叫做webapp，如果不能就不要叫什么app，最多算是一种手机展示方式。至于安卓和ios版本的问题，考虑主要是图片分辨率的问题，区别不大。

如何将前端开发的网页封装成手机app

这里介绍一种将前端网页打包成手机app的工具—HBuilder，可以快速将前端网页打包为手机app，使用起来非常方便，下面我简单介绍一下实现过程，主要内容如下：

1.下载安装HBuilder，这个直接到官网上下载就行，免费的，目前来说，有Windows和Mac平台的，这里我们选择APP开发版：

2.下载完成后，我们解压这个zip压缩包，解压后的文件如下：

3.接着，我们双击打开HBuilder，依次点击“文件”-》“新建”-》“项目”，选择“5+APP(A)”，同时勾选“HelloH5+”,输入项目名称，如下：

这里为了方便演示，我新建了一个app.html，主要代码如下，其实就是一个简单的登陆页面，文本框输入内容，然后点击登陆打印出来：

用浏览器打开这个html文件，效果如下：

4.接着，就是打包程序了，双击打开mainfest.json配置文件，点击“云端获取”，获得唯一的“应用标识(AppID)”，同时设置一下“应用入口页面（首页）地址”，即上面的app.html，如下：

5.配置mainfest.json完成后，我们右键APP项目，在弹出的菜单中依次选择“发行”-》“原生App-云端打包(P)”，就会弹出打包窗口，这里我打包的是安卓app，故选择Android，如果你打包的是苹果app，选择iOS就行，完成后，直接点击右下角的“打包”按钮就行：

6.云端打包成功后，就会生成app的下载链接，这里我们直接点击下载到本地，如下，只有5次下载机会，到此，app已经打包完成：

7.最后，我们将打包后的安装文件发送到手机上，安装后的效果如下：

至此，我们就完成了将前端网页打包成手机app。总的来说，整个过程不难，就是配置步骤相对复杂一些，只要你按着步骤多操作几遍，熟悉一下相关参数配置，很快就能掌握的，不难，这里你也可以把界面写的更漂亮、美观一些，然后再打包，网上也有相关教程和资料，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧

html如何制作成apk

你需要一个web开发工具。比如HBuilder。用html做成一个网页，然后在手机上用浏览器打开，就相当于一个apk。而HBuilder提供了这个打包功能，让你把浏览器和html页面打包，就类似于一个手机上运行的app

国内几款比较好用的html5页面制作工具有哪些

HTML5被看做是Web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。今天,我将为大家推荐几个主流的HTML5开发工具。1、Sublime TextSublime Text是一个跨平台的代码器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML的文本器。Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括：拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。2、Dreamweaver ccDreamweaver是集网页制作和管理网站于一身的所见即所得网页器，拥有可视化界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。3、Adobe EdgeAdobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。4、WebStormWebStorm是一款Java开发工具，WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。5、HBuilderHBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。6、visual studio code一个运行于Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码器。该器也集成了所有一款现代器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集。7. DevExtremeDevExtreme Complete Subion是性能比较好的的HTML5、CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS、Android、Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。8. Sencha Architect在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch3和Ext JS4 Java应用，并实时预览。开发工具的选择，可以说是开发者社区中一个经久不衰的话题，现今器的数量数不胜数，vim、sublime Text,Emacs,Atom等等，那么对于一个开发者而言，挑选一个合适的器是可以有效的提高编程效率;那么以上是我为大家推荐的几款开发工具啦，大家可根据自己的喜好选择哦！

html5 做app引导页怎么做

H5edu教育Html5开发为您解答：1、制作html5引导页面。2、把做好的页面放入Android工程中assets文件夹下。3、利用WebView加载asset文件夹下的html文件。4、在引导页最后一页的按钮上捕捉点击事件，结束引导页，进入程序。