• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 将HTML5封装成android应用APK文件的几种方法

将HTML5封装成android应用APK文件的几种方法

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5教程,HTML5中国,将HTML5封装成android应用APK文件的几种方法,html5cn,html5资料等相关知识,匿名希望在学习及工作中可以帮助到您
越来越多的开发者热衷于使用html5+JavaScript开发移动Web App。不过,HTML5 Web APP的出现能否在未来取代移动应用,就目前来说,还是个未知数。一方面,用户在使用习惯上,不喜欢在浏览器上输入复杂的网址;另一方面,Html5 Web App 存放在服务器端,在每次使用时需要进行数据传递,会造成流量浪费。有些开发者不想接触复杂的JAVA代码,那么,有什么办法,既可以使用HTMl5开发应 用,又可以将其简单封装成APK文件呢? 一、Android SDK中的WebView


1.在要Activity中实例化WebView组件:WebView webView = new WebView(this);
2.调用WebView的loadUrl()方法,设置WevView要显示的网页:
互联网用:webView.loadUrl("http://www.31358.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错误。



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

下面是具体例子:

MainActivity.java

  • 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.31358.cn/");
  • //设置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文件中添加权限

  • package="com.android.webview.activity"
  • android:versionCode="1"
  • android:versionName="1.0">


  • android:label="@string/app_name">







  • 复制代码
    二、使用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,编程自由,完美适应不同设备屏幕大小,适合高手使用。

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

    三、使用Rexsee在线生成

    Rexsee是开源的Android开发平台,支持开发者以标准化Web开发模式,使用HTML5、CSS3、Javascript快速实现移动应用。会 HTML就会Android。你要做的只是将做好的HTML5 应用上传到Rexsee服务器,很快,会编译成标准的APK安装文件。

    网站:http://www.rexsee.com

    优点:一键生成,适学普通人使用

    缺点:直接封装,无法添加广告。

    四、appMobi Html5 XDK 在线生成(使用了PhoneGap插件)

    http://www.appmobi.com/

    出处:http://www.cnblogs.com/kingboy2008/
    本文版权归作者和博客园、CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。该文章也同时发布在我的独立博客中-博客园—灵雨飘零和CSDN—灵雨飘零。

    您可能想查找下面的文章:

    • 一款利用html5和css3动画排列人物头像的实例演示
    • html5教程调用绘图api画简单的圆形代码分享
    • html5教程画矩形代码分享
    • html5教程制作简单画板代码分享
    • html5基础教程常用技巧整理
    • html5教程-Canvas入门
    • html5教程画矩形代码分享
    • HTML5晃动DeviceMotionEvent事件
    • HTML5教程之html 5 本地数据库(Web Sql Database)
    • HTML5中对contenteditable属性的解释与规定

    相关文章

    • 2018-12-03Html5实现用户注册自动校验功能实例代码
    • 2018-12-03HTML5添加鼠标悬浮音响效果不使用FLASH_html5教程技巧
    • 2018-12-03探讨HTML5移动开发的几大特性(必看)_html5教程技巧
    • 2018-12-03 小强的HTML5移动开发之路(3)——HTML5与HTML4比较
    • 2018-12-03HTML5<progress>标签是什么意思?HTML5<progress>标签的基本用法详解
    • 2018-12-03canvas API ,通俗的canvas基础知识(六)
    • 2018-12-03使用html5可以干什么?Html5的优势和劣势(总结)
    • 2018-12-03关于7 个顶级的 HTML5 Canvas 动画图文赏析
    • 2018-12-03canvas可以替代html与css了吗?
    • 2018-12-03腾讯为什么要做网页版微信?

    文章分类

    • html/xhtml
    • html5
    • CSS
    • XML/XSLT
    • Dreamweaver教程
    • Frontpage教程
    • 心得技巧
    • bootstrap
    • vue
    • AngularJS
    • HBuilder教程
    • css3
    • 浏览器兼容
    • div/css
    • 网页编辑器
    • axure

    最近更新的内容

      • 2014年圣诞节倒计时网页的制作过程_html5教程技巧
      • Medium 主页类似 iOS 7 live blur 的高斯模糊效果是如何实现的?
      • Html5 Canvas初探学习笔记(6) -变换
      • 用canvas+gif.js实现数字雨头像的方法
      • 绝对零基础,选择做 HTML5 还是 iOS 应用?
      • html5仿AMD9官网酷炫的下载引导页动画特效的示例代码
      • HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
      • 移动web模拟客户端实现多方框输入密码效果【附代码】
      • html5 Canvas绘制线条 closePath()实例代码 _html5教程技巧
      • html5 web本地存储将取代我们的cookie

    关于我们 - 联系我们 - 免责声明 - 网站地图

    ©2020-2025 All Rights Reserved. linkedu.com 版权所有