work hard work smart

专注于Java后端开发。 不断总结，举一反三。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Phonegap 工程项目介绍

Posted on 2017-06-23 11:03  work hard work smart  阅读(275)  评论(0)  编辑  收藏  举报

一、工程项目的路径在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>