HTML5来了：5个好用的混合式App开发工具

残酷的移动互联网竞争环境下，HTML5技术一直受到各方关注，“HTML5颠覆原生App”的争论也从未停止过，不管怎样HTML5生态的构建方兴未艾。不过对于移动开发者来说更关心的问题是如何低成本、周期短开发出体验效果好的App，所以当下用HTML5远比赌HTML5更现实。于是，一个一直被提及但是从没有占据过统治地位的概念又一次走进了移动开发者们的视野，那就是跨平台开发。

AD：WOT2015互联网运维与开发者大会热销抢票

目前国内外已经有很多基于HTML5的跨平台开发工具，你并不需要任何的原生应用编程经验，你只需要一些HTML的相关知识，懂一些CSS和JavaScript，运用工具中所提供的各种丰富的功能模块，便可在很短时间内完成App的开发而且让你的App具备完美的原生体验。

推荐几款跨平台工具

1、Appcelerator

Appcelerator的Titanium开发平台使开发者可以通过HTML、PHP、JavaScript、Ruby、Python等Web编程语言开发手机、平板和桌面的原生App。其优势在于它可以让用户轻松地访问超过300个API以及定位信息。

此外，Appcelerator提供针对特定行为或事件定制的统计。App的数据既可储存在云端，也可储存在设备上。

2、APICloud

APICloud是一款“云端一体”的移动开发平台，信仰“云端一体”的理念，重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。

2、PhoneGap

PhoneGap是一个免费且开源的开发环境，使开发者可以开发出在Android、Palm、黑莓、iPhone、iTouch及iPad等设备上运行的App。其使用的是HTML和JavaScript等标准的Web开发语言。开发者使用PhoneGap进行开发，可调用加速计、GPS/定位、照相机、声音等功能。

PhoneGap还提供Adobe AIR App以及在线的培训课程，帮助开发者了解原生API并在他们自己的平台上开发移动App。

4、NativeScript

NativeScript是使用移动平台的JavaScript引擎来进行跨平台开发。逻辑部分自然无需多说，关键在于如何使用平台特性。NativeScript是通过反射得到所有平台API，预编译它们，然后将这些API注入到JavaScript运行环境，接下来在Javascript调用后拦截这个调用，并运行native代码。NativeScript是使用大量web开发的技巧来进行app开发，因为工具链和语言都非常熟悉受到了很多前端开发者的欢迎。

5、Kinvey

Kinvey同样是一个为移动应用开发者提供后台创建服务的平台。Kinvey强调加速移动应用开发与销售的“即取即用”理念。Kinvey的中间层与数据层均托管在多个云服务提供商处，包括Rackspace、Amazon与Microsoft。所有通过Kinvey存储的数据都会有四种方式备份：Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的服务器，假如其中一两个出现了故障，用户的数据依然安然无恙。

总结：

关于HTML5和原生App的争论一直在继续，不论最后谁能取胜，开发者更关心App的开发速度和最终体验。合理的使用工具会让开发效率大大提升，甚至达到事半功倍的效果，希望能有一款适合您。

期待未来有一天，App开发可以像在纸上画画一样简单。

声明：IT之家网站刊登/转载此文出于传递更多信息之目的，并不意味着赞同其观点或论证其描述。

为一枚app控，有时会被吐槽怎么这么无聊。内心大喜，别人越是吐槽我越是喜欢，别人越是不喜欢我越是喜欢，多么特别多么独一无二是吧。今天就来安利我喜欢的app。APP使用心得：如果你不能养成使用app的习惯，将之融入自己的生活，再好的app也难逃卸载的命运，所以，不是app不好，是你不懂得正确打开方式。下面，作为一名资深网虫，我来安利9个好用又方便的APP，它们每个都小众精致、又非常好用、有趣，装了保证你不忍心卸载。

不建议跳读哦，特别是第1款、第2款和最后一款，很少人用过但大家都很需要。

推荐的理由是：好用逼格又高

话不多说，先看第一个。

Via浏览器

神奇浏览器

X浏览器

夸克

荟萃浏览器

360浏览器

QQ浏览器

Kiwi Browser

谷歌浏览器

推荐：★★★★

个人使用感受：chrome似乎对国内软件兼容性不是很好，贴吧已经安装了，但每次在网页上点打开贴吧都要弹出下载页面。而且chrome在安卓9系统下经常卡死，下载东西也不顺利，经常停住不动，用自带浏览器从来不会出现这种情况。

哈哈哈哈whatever，我还是用心的挑选了手机里面真心觉得好用，在我的手机里坚挺了好几年，也曾数次推荐给不同的朋友们，且大家都说好用的app。

希望你们也能吃下这颗草！嘻嘻！

来越多的开发者热衷于使用html5+JavaScript开发移动Web App。不过，HTML5 Web APP的出现能否在未来取代移动应用，就目前来说，还是个未知数。那么，有什么办法，既可以使用HTMl5开发应用，又可以将其简单封装成APK文件呢？

一、Android SDK中的WebView

1.在要Activity中实例化WebView组件：WebView webView = new WebView(this);

2.调用WebView的loadUrl()方法，设置WevView要显示的网页：

互联网用：webView.loadUrl("http://www.qietu.com");

本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中

3.调用Activity的setContentView( )方法来显示网页视图

4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。

<uses-permission android:name="android.permission.INTERNET" />

缺点：如果是载入的是普通网页，没有什么问题，但如果是html5,封装后，在android2.3以上才能正常访问，android2.2及以下，SDK中的WebView还没完全支持HTML5

下面是具体例子：

MainActivity.java

package com.android.webview.activity;

import android.app.Activity;

import android.os.Bundle;

import android.view.KeyEvent;

import android.webkit.WebView;

public class MainActivity extends Activity {

private WebView webview;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

//实例化WebView对象

webview = new WebView(this);

//设置WebView属性，能够执行Javascript脚本

webview.getSettings().setJavaScriptEnabled(true);

//加载需要显示的网页

webview.loadUrl("http://www.qietu.com/");

//设置Web视图

setContentView(webview);

}

@Override

//设置回退

//覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法

public boolean onKeyDown(int keyCode, KeyEvent event) {

if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {

webview.goBack(); //goBack()表示返回WebView的上一页面

return true;

}

return false;

}

在AndroidManifest.xml文件中添加权限

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.android.webview.activity"

android:versionCode="1"

android:versionName="1.0">

<uses-sdk android:minSdkVersion="10" />

<activity android:name=".MainActivity"

android:label="@string/app_name">

<intent-filter>

</intent-filter>

</activity>

</application>

<uses-permission android:name="android.permission.INTERNET"/>

</manifest>

二、使用PhoneGap

PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如 iPhone的iPhone SDK，Android的Android SDK等，

详细方法请见：http://phonegap.com/start#android

优点：在Eclipse中加入SDK，编程自由，完美适应不同设备屏幕大小，适合高手使用。

缺点：没有使用布局，直接加载网页，不能添加广告。

----------------

切图网（qietu.com）最早将psd转html服务模式带到国内，并首个提供响应式、webapp前端开发的公司。专注web前端开发技术，关注用户体验，加我们公众微信账号：qietuwang（长按复制）

在线咨询

上一篇：html5+css3网站建设、让网站布局更加灵活
下一篇：HTML中的图片区域链接方法详解-零基础自学网页制作

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商