【第22期】观点:IT 行业加班,到底有没有价值?

phonegap-网络访问与调用android手机硬件设备

原创 2015年11月21日 13:38:40


phonegap开发简述

        使用phonegap包开发的目的就是为了缩短开发周期,利用熟悉的HTML、javascript、CSS技术快速的打造自己的客户端APP。其中存在的关键问题是:这些HTML、CSS、js的文件是放在服务器端还是放在移动端。如果是放在移动端,这无疑的没有发挥出javascript的优势,在“数据走向云端”的大趋势下这种方式终将无立足之地。所以我们还是选择将大量的网页数据放在服务器端。

        这么做就又有一个问题了。如果我们把这个APP做成是打开运行之后就直接访问外部网站,那么这个APP就等同于一个网页链接的桌面版。而且这样也不方便或是说不可以通过服务器远程调用android手机的硬件设备,因为它的HTML里面没有cordova.js包。如果在服务器端的HTML里面就导入cordova.js,这种方式不知道行不行得通。


直接访问外部网站

如果是想要打开APP之后就直接访问外部网站,可进行如下操作

打开MainActivity.java文件

将里面onCreate方法中的程序替换成如下代码
        super.onCreate(savedInstanceState);
        //实例化WebView对象
        WebView webview = new WebView( this);
        //设置WebView属性,能够执行Javascript脚本
        webview.getSettings().setJavaScriptEnabled( true);
        webview.getSettings().setSupportZoom(true); // 支持缩放
        webview.getSettings().setLoadWithOverviewMode( true);
        webview.getSettings().setUseWideViewPort(true);
        webview.getSettings().setBuiltInZoomControls(true);//支持手势缩放
        try {
            //设置打开的页面地址。设置成自己需要访问网站的IP
            webview.loadUrl( "http://blog.csdn.net/adrian_rendong/article/details/49950553" );
        }
        catch (Exception ex)
        {
            ex.printStackTrace();
        }
        setContentView(webview);

然后添加网络访问权限
在AndroidManifest.xml文件中添加
<uses-permission android:name="android.permission.INTERNET"/>

在本地HTML中访问外部网站

打开MainActivity.java文件

将里面onCreate方法中的程序替换成如下代码

super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html" );

然后添加网络访问权限
在AndroidManifest.xml文件中添加
<uses-permission android:name="android.permission.INTERNET"/>

编写HTML

打开index.js替换成如下代码
<!DOCTYPE html>
<html>
<head>
    <title>Capture Photo</title>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">
         document.addEventListener("deviceready",onDeviceReady,false);
         alert("进入run2D");
    </script>
</head>
<body margin=0;>
     <iframe src="http://192.168.0.100:9010/IDE/application/run2D.html#" style="position:fixed;
          top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none;
          margin:0; padding:0; overflow:hidden; z-index:999999;">
     </iframe>
</body>
</html>

iframe的全屏显示

范例
<body margin=0;>
     <iframe src="http://192.168.0.100:9010/IDE/application/run2D.html#" style="position:fixed;
          top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none;
          margin:0; padding:0; overflow:hidden; z-index:999999;">
     </iframe>
</body>


远程调用android手机硬件设备

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例

Cordova(PhoneGap) 采用HTML5+JavaScript混合模式来开发移动手机APP技术,它利用了CordovaPlugin 插件化(模块化)技术,使用不同插件对不同HTML5页面进行...

android混合开发:cordova的安装使用

1、什么是cordovacordova是一个开源的移动开发框架,开发者可以使用html、css、js做跨平台开发,并且可以利用其提供的组件调用移动设备的硬件功能,如:传感器、拍照等。也就是说:cord...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

Cordova -- 监听移动端(手机)网络连接情况

因为我们项目使用ionic的框架,这个框架可以直接用cordova的插件; 1.在项目中安装插件 cordova plugin add cordova-plugin-network-informa...

cordova 插件的使用说明

快速搭建android环境 1.安装java jdk 1.1 1.8.3以上版本----请记住安装路径 1.2 配置环境变量 系统变量里面新增,设置值为java sdk 根目录: ...

cordova 移动跨平台开发(二) ---- 使用ionic界面开发

cordova使用ionic进行界面开发

[Phonegap+Sencha Touch] 移动开发76 让cordova app访问远端网站也能调用cordova插件功能

我相信,应该会有一些cordova开发者想过实现下面这种app: 使用cordova制作一个外壳app,用于浏览服务端部署的网站,这样当服务器上网站升级后,这个cordova app可以立即访问最新版...

cordova 移动跨平台开发(三) ---- 插件开发(2)

cordova 插件开发 虐心的过程

phonegap(cordova)移动支付宝接口调用

最近用phonegap(cordova)做了移动app的支付宝支付功能,至于为什么要用phonegap(cordova)做原生app呢,自然是因为原生基础不好,但是又碰到了需求,所以只能退而求其次了,...
  • SirM2z
  • SirM2z
  • 2015-11-03 12:38
  • 2429

cordova 移动跨平台开发(一) ---- 环境搭建

cordova 跨平台开发

GitHub 优秀的 Android 开源项目和框架

GitHub 优秀的 Android 开源项目 淘宝技术牛p博客整理开发中最常用的GitHub上 优秀的 Android 开源项目整理(精品) 博客分类:  Android 开源集合  ...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)