app内置HTML5，app内置浏览器内核

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何开发一个支持html5的app

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

2、一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。二：html5对android、ios系统都支持。三：HTML5可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。

3、Adobe Edge Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。

4、可以通过webview方式访问远程，也可以把html5页面放在手机app端，本地方式进行访问。但都离不开webview。HTML5现在现成的框架比较多，photogap，jquery mobile，bootstrap等都可以，如果功能简单，也可以不使用框架，自己写几个html5页面就行了。

相关问答

Q1: html5app开发框架有哪些(用html5开发的app实例)

HTML开发软件可以使用HBuilder、Sublime Textnotepad++等等，都是比较好且容易上手的开发软件，使用代码快捷键可以快速编写代码，且有语法识别家里，提示错误代码等。Lungo Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。

SenchaTouch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、KindleFire等多种平台的移动应用。DojoFoundationMaqetta 来自于IBM的一个项目，DojoFoundationMaqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。

ionic框架Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

LungoJS这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5/CSS3和JavaScript技术。可帮助创建基于iOS、Android、Blackberry和WebOS平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。

Q2: 怎么将HTML5嵌入到APP中?

1、可以通过webview方式访问远程，也可以把html5页面放在手机app端，本地方式进行访问。但都离不开webview。HTML5现在现成的框架比较多，photogap，jquery mobile，bootstrap等都可以，如果功能简单，也可以不使用框架，自己写几个html5页面就行了。

2、推荐两个html5在手机app开发方面好的框架：phonegap + sencha。sencha touch是一个html5的重型框架，自带组件较多，一般应用可以凑合着使。phonegap可以将html5的应用本地化。解决了纯html5应用不能调用本地机器接口的问题。两者结合蛮好用的。

3、方法外包，速度完成与H5类似iOS 版本的APP，然后至少还需要招聘一名iOS开发人员，以解决iOS版本的更新迭代。（工作量和成本都很高）方法针对AppStore进行包装。将HTML5应用用phonograph打包，取消HTML5中的弹簧效果等，让其看起来更像是一个原生应用。

4、因为HTML5暂时无法短期内在PC普及，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。

Q3: APP中嵌入HTML5有什么有缺点

同时，HTML5可以很好解决多种型号显示屏幕的兼容性问题，通过一次设计，即可普遍兼容很多大小不一致的显示设备，这解决了其他开发技术需要针对不同大小的屏幕分别开发界面得难题，传统上非HTML5技术开发的程序会面临很多显示的问题，例如IPHONE与IPAD的屏幕就需要分别设计，这将导致用户的开发成本急剧上升。

HTML5有多少坑可以分为3大点和7小点，3大点上文有详细的介绍了，下面说说7小点。

更低的开发及维护成本；使页面变得更小，减少了用户不必要的支出；而且，性能更好使耗电量更低；方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。设计师要知道，用户想要什么，HTML5能提供给用户什么。

HTML5技术在移动端，能够让应用程序回归到网页，并对网页的功能进行扩展，用户不需要下载客户端或插件就能够观看视频、玩游戏，操作更加简单，用户体验更好。HTML5的视音频新技术解决了移动端苹果和安卓0+，对flash的支持问题。在视音频方面，性能表现比flash要更好。

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

2、搭建好手机站之后可以去找第三方的一个打包平台把你的手机站封装一下，比如说一门app、安卓益、奇门应用这些平台，封装好之后就可以生成安装包了。如果是要上架的话你在封装的时候上传一下发布证书，然后你就可以去开发者中心上传你的app到AppStore审核了。审核通过你的app就制作完成了。

3、使用HTML5开发的Native App，一般又称为混合型App（Hybrid App）。流程：开发对应的Web App；搭建Native App的开发环境；（比如Android的JDK+Eclipse+ADT+SDK）使用中间框架来帮助生成；（比如PhoneGap）生成App并发布到应用市场。

Q5: 怎么在安卓app中嵌套html5网页

1、可以的，要使用webView webview中提供了java与js相互调用的方法 android中的关键代码：webview.getSettings().setJavaScriptEnabled(true)；//允许与js调用java的方法 webview.addJavascriptInterface(object，java)；//把Name=name的对象添加到object中。

2、前端页面部署 —— 设置好入口文件（原生一进来就进入的页面，命名为index.html），部署到对应的服务器上，通过网址就能够访问到页面，将网址给app客户端开发人员，他们将app配置好环境后讲页面嵌套在app中。

3、在电脑和手机上全屏显示HTML5网页的步骤如下：打开HTML5网页代码。在网页头部添加新代码，使网页宽度适应设备宽度。代码如下：输入代码后，将包括图片DIV在内的图片宽度设置为100%。如何弄可以让手机打开网页的时候可以全屏显示？你要知道电脑屏幕的分辨率，或手机屏幕的分辨率才可以设置成全屏显示。

关于app内置HTML5和app内置浏览器内核的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。