一、工程项目的路径在www下面，www下面的文件如下图

1. index.html

<!DOCTYPE html>

<!--

    Licensed to the Apache Software Foundation (ASF) under one

    or more contributor license agreements.  See the NOTICE file

    distributed with this work for additional information

    regarding copyright ownership.  The ASF licenses this file

    to you under the Apache License, Version 2.0 (the

    "License"); you may not use this file except in compliance

    with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing,

    software distributed under the License is distributed on an

    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY

     KIND, either express or implied.  See the License for the

    specific language governing permissions and limitations

    under the License.

-->

<html>

    <head>

        <!--

        Customize this policy to fit your own app's needs. For more guidance, see:

            https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy

        Some notes:

            * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication

            * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly

            * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:

                * Enable inline JS: add 'unsafe-inline' to default-src

        -->

        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">

        <meta name="format-detection" content="telephone=no">

        <meta name="msapplication-tap-highlight" content="no">

        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

        <link rel="stylesheet" type="text/css" href="css/index.css">

        <title>Hello World</title>

    </head>

    <body>

        <div class="app">

            <h1>Apache Cordova</h1>

            <div id="deviceready" class="blink">

                <p class="event listening">Connecting to Device</p>

                <p class="event received">Device is Ready</p>

            </div>

        </div>

        <script type="text/javascript" src="cordova.js"></script>

        <script type="text/javascript" src="js/index.js"></script>

    </body>

</html>

　　

文件中:

<meta name="format-detection" content="telephone=no" />
关掉html检查电话号码的作用

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
user-scalable=no不让用户缩放这个网页 
initial-scale=1 初始缩放比例为1，也就是不去缩放这个页面
 maximum-scale=1 最大缩放级别
 minimum-scale=1 最小缩放级别
 width=device-width 可视窗口的宽度等于设备的高度

二、配置文件
路径 platforms\android\res\xml\config.xml
 <?xml version='1.0' encoding='utf-8'?>

 <widget id="com.sun.androidapp" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

    <!--设置运行环境中的参数值  -->

     <preference name="loglevel" value="DEBUG" />

     <!-- 插件描述 -->

     <feature name="Whitelist">

          <param name="android-package" value="org.apache.cordova.whitelist.WhitelistPlugin" />

          <param name="onload" value="true" />

      </feature

     <allow-intent href="market:*" />

     <!-- 该APP名称 -->

     <name>AndroidTest</name>

     <!-- APP描述 -->

     <description>

         A sample Apache Cordova application that responds to the deviceready event.

     </description>

     <!-- 作者信息描述 -->

     <author email="dev@cordova.apache.org" href="http://cordova.io">

        Apache Cordova Team

     </author>

     <!-- 默认启动页面 -->

     <content src="index.html" />

     <!-- 指定app可进行通信的域名，*为所有 -->

     <access origin="*" />

     <!-- App默认只请允许通过手机端直接打开，若想通过网站，SMS等方式调用APP，则需要设置allow-intent配置 -->

     <allow-intent href="http://*/*" />

     <allow-intent href="https://*/*" />

     <allow-intent href="tel:*" />

     <allow-intent href="sms:*" />

     <allow-intent href="mailto:*" />

     <allow-intent href="geo:*" />

 </widget>

　　

Phonegap 工程项目介绍的更多相关文章

  1. PhoneGap API介绍：Camera

    本文将介绍PhoneGap API——Camera:使用设备的摄像头采集照片,对象提供对设备默认摄像头应用程序的访问. 方法: camera.getPicture 参数: cameraSuccess ...

  2. PhoneGap API介绍：File

    本文将介绍PhoneGap API——File:通过JavaScript截获本地文件系统.File是用于读取.写入和浏览文件系统层次结构的PhoneGap API. 对象: DirectoryEntr ...

  3. PhoneGap学习地址 / PhoneGap API介绍：Events

    http://blog.csdn.net/phonegapcn 事件类型: backbutton deviceready menubutton pause resume searchbutton on ...

  4. PhoneGap API介绍：Events

    事件类型: backbutton deviceready menubutton pause resume searchbutton online offline backbutton 当用户在Andr ...

  5. PhoneGap介绍及简单部署

    一.什么是PhoneGap: PhoneGap是一个自由开放源码的开发工具和框架,允许利用HTML + JavaScript + CSS的强大功能在多个手机平台上开发程序,开发出来的程序经过在各自的平 ...

  6. javascript开发 ios和android app的简单介绍

    先看几个名词解释: nodejs ionic,Cordova,phoneGap,anjularjs react-native,reactjs nodeJs 的介绍参见这里,写的很好http://www ...

  7. 使用PhoneGap开发基于Html5应用二：第一个PhoneGap应用：百度

    上一篇博文使用PhoneGap开发基于Html5应用一:PhoneGap简单介绍 中我介绍了怎样从phonegap官网上下载源代码并启动第一个应用,今天我们把phonegap的应用略微改一下,让他实现 ...

  8. 用phonegap和jquery-mobile写android应用

    今天纪录的是学习用phonegap和jquery-moblie来写android的过程.环境搭建. 我的习惯是直接上官网看文档,看get-started guide之类的文档.然后在看参考手册.然后就 ...

  9. 亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 第一个APP

    参考博文: [Phonegap+Sencha Touch] 移动开发1.准备工作 [Phonegap+Sencha Touch] 移动开发2.PhoneGap/Cordova初步使用   经过差不多1 ...

随机推荐

  1. Python笔记 #04# Methods

    源:DataCamp datacamp 的 DAILY PRACTICE  + 日常收集. Methods String Methods List Methods 缺一 Methods You can ...

  2. 常用php操作redis命令整理（四）SET类型

    SADD 将一个或多个member元素加入到集合key当中.(从左侧插入,最后插入的元素在0位置),集合中已经存在TK 则返回false,不存在添加成功 返回true <?php var_dum ...

  3. PhpStorm 10.0.3破解版下载

    汉化破解版软件下载: http://pan.baidu.com/s/1geNO24r 密码: d5ci 这个汉化破解软件解决了大纲视图里空白的问题. 先安装腾讯电脑管家,然后安装这个软件,安装到最后提 ...

  4. VC++使用FindFirstFile,FindNextFile遍历一个文件夹

    转载:http://www.cnblogs.com/chenkunyun/archive/2012/03/24/2415727.html 方法一. //遍历文件夹函数 void TraverseFol ...

  5. SpringMVC 原理和流程

    请求到来时,第一个接受这个请求的前端控制器叫DispatcherServlet(这个需要在web.xml中配置),后端控制器叫Controller. 简化版流程: 1.spring mvc将所有的请求 ...

  6. Maven mybatis-generator自动生成代码

    mybatis-generator可以自动生成代码,不管你是否喜欢它生成的代码的风格,它确实有助于我们更快速便捷的生成代码. Maven pom文件配置: <build> <plug ...

  7. 【日志】修改redis日志路径

    redis默认不记录log文件,需要在Redis.conf文件,找到loglevel notice,在其后的logfile "",双引号中,写redis的路径"/redi ...

  8. JS+Canvas的棋盘游戏和Java的动态结合

    二维数组的题做了有几个了,感觉很有趣,随后想到想做一个五子棋的游戏. 因为前端知识匮乏,但感觉只是Java中去用二维数组做的话还是不太难的. 首先生成15*15的棋盘,(先不考虑前后端交互),其后Ha ...

  9. Mac下配置Hive环境

    在配置Hive环境之前,需要Hadoop环境. 安装Hive 点击下载 下载结束后,会有一个.tar文件,使用以下命令解压该文件. tar -zxvf 要解压的tar包 解压完成后如下 修改Hive配 ...

  10. shell 判断一个字符串是否为空

    test.sh #!/bin/bash echo "enter the string:" read filename if test $filename ; then echo & ...