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手机硬件设备

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

相关文章推荐

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

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

Phonegap网络连接 HTML5

Phonegap网络连接判断  官网提供 Network API cordova 3.4 版本的API  判断网络的连接状态 判断网络是4G  3G  2G  WIFI none 等   本文...

web多终端开发学习系列(四)--- web图表插件

对于数据的显示除了可以用表格外,还可以使用图表来更好、更直观地表达数据,比如数据的趋势可以用折线图,数据的比例可以用饼图等等。所以在web的开发过程中图表的应用非常广泛,对于图表的js框架我找到了Ch...

web多终端开发学习系列(二)--- 硬件交互框架Phonegap学习

目前对于移动端、桌面端的原生开发各平台都有各自的开发语言、开发工具等。如果要开发出一个适配多个终端的系统,我们需要用各自的平台工具分别开发出各自的应用,这对于一个团队或者一个开发人员来说要求非常高,并...

web多终端开发学习系列(三)--- 基于bootstrap的表格插件bootstrap-table

基于网页管理系统的开发大多数功能只是对数据的显示与操作,对于数据的显示一般都是通过table表格来显示,所以管理系统的开发很有必要引入表格插件,对于sencha touch等商业化框架,都有自己自带的...

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

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

phonegap中http链接自动调用本地浏览器解决办法

首先,个人觉得phonegap这样的设计是合理的,当你使用基于phonegap的应用程序,虽然用的是html+js,但是开发的却是本地应用了,所以在本地应用中遇到http协议的链接调用浏览器打开是合理...

phonegap-android硬件设备的调用

环境配置 插件安装 在创建phonegap工程后,进入到plugins文件夹下 根据自己所需要的功能添加响应插件 各项功能对应插件安装方法如下 //设备API ...

<11>Android HAL 处理硬件设备访问权限问题

转载来自:http://book.2cto.com/201210/6729.html 在硬件抽象层模块中,我们是调用open函数来打开对应的设备文件的。例如,在2.3.2小节中开发的...

手机硬件设备的获取

在开发中 我们有时候会需要获取当前手机的系统版本来进行判断,或者需要获取一些当前手机的硬件信息。 android.os.Build类中。包括了这样的一些信息。我们可以直接调用 而不需要添加任何的权限...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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