欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

cordova入門基礎教程及使用中遇到的一些問題總結

 更新時間：2017年11月14日 14:42:56   作者：若幹年後  
這篇文章主要給大家介紹了關于cordova的入門基礎教程以及在使用中遇到的一些問題，文中通過示例代碼一步步介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。

前言

現(xiàn)在做項目為了節(jié)約成功，適配多平臺 cordova不為是一個很好的選擇。個人覺得以后也許是一個趨勢！像一些知名的APP  比如支付寶  淘寶 好多都大量集成了HTML5 頁面！像我們公司現(xiàn)在的APP 大多都是h5頁面 感覺原生都沒什么事情做了?？上攵獙W習cordova的重要性！

簡介

Cordova提供了一組設備相關的API，通過這組API，移動應用能夠以JavaScript訪問原生的設備功能，如攝像頭、麥克風等。Cordova還提供了一組統(tǒng)一的JavaScript類庫，以及為這些類庫所用的設備相關的原生后臺代碼。Cordova支持如下移動操作系統(tǒng)：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

入門第一步：下載資源庫并集成到項目中來

去下載cordova 庫的源碼 可以去github上下載 也可以去官網(wǎng)下載。其實官網(wǎng)上的代碼也是放到github上的！

官方網(wǎng)站：http://cordova.apache.org/

github資源下載地址：https://github.com/apache/cordova-ios   

本地下載地址：http://xiazai.jb51.net/201711/yuanma/cordova-ios(jb51.net).rar

使用 CocoaPods進行第三方庫的管理 我之前用的是cordova3.8.0 前幾天不久更新到了4.0.1 。 4.0.1 只支持8.0以上  以下的你用CocoaPods 更新會提示錯誤！注意一下就可以了！

platform :ios, '8.0'

pod 'Cordova', '~> 4.0.1'

入門第二步：如何在項目中正確的集成 cordova4.0.1 庫

1. 配置 Config.xml   很重要

Config.xml is a global configuration file that controls many aspects of a cordova application's behavior. This platform-agnostic XML file is arranged based on the specification, and extended to specify core Cordova API features, plugins, and platform-specific settings.For projects created with the Cordova CLI (described in The Command-Line Interface), this file can be found in the top-level directory:

大致意思就是: config.xml 是一個全局配置文件，控制一個cordova應用行為的許多方面。這種平臺無關的XML文件是基于w3c'spackaged Web應用程序設置（widgets）規(guī)范，并擴展到指定核心cordovaAPI功能，插件和平臺的具體設置。與科爾多瓦CLI創(chuàng)建的項目（描述在命令行界面)

http://cordova.apache.org/docs/en/6.x/config_ref/index.html 官方詳解

2. 顯示html5頁面需要一個容器 在這里使用CDVViewController類 進行html5的顯示以及控制 當然也可以自定義一個容器繼承CDVViewController類做一些定制功能。

如何使用如下:

self.cordovaManageVC= [[CordovaManageVCalloc]init];

self.cordovaManageVC.startPage=@"http://www.baidu.com";

[self.navigationControllerpushViewController:self.cordovaManageVCanimated:YES];

3. 設置用戶代理

- (instancetype)init {

self= [superinit];

if(self!=nil) {

//設置用戶代理 如不設置無法調用與H5定制的JavaScript方法進行交互

NSString* original = [CDVUserAgentUtiloriginalUserAgent];

NSString* userAgent = [originalstringByAppendingString:@"delegateUserName"];

self.baseUserAgent= userAgent;

}

returnself;

}

4. 自定義插件 需要使用到 cordova的CDVPlugin類 用子類來集成CDVPlugin 

/**

*返回控件

*

*@param command

*/

- (void)back:(CDVInvokedUrlCommand*)command;

定制完成之后需要在confing.xml 進行配置 

以上就是cordova 最基本的用法了；

使用 Cordova 遇到的一些問題

問題一

問題

[Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to inclde path to valid SDK directory.]
ERROR building one of the platforms: Error: cmd: Command failed with exit code

解決辦法

ANDROID_HOME=D:\apps\Android\sdk
PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

問題二

問題

Error: Could not find an installed version of Gradle either in Android Studio,
or on your system to install the gradle wrapper. Please include gradle
in your path, or install Android Studio

解決辦法

從 https://services.gradle.org/distributions/ 下載最新gradle包并安裝。

ANDROID_HOME=/home/kongxx/Android/Sdk
GRADLE_HOME=/apps/gradle-3.2.1
PATH=$PATH:$ANDROID_HOME/tools/:$ANDROID_HOME/platform-tools:$GRADLE_HOME/bin

問題三

問題

使用 “cordova build android” 打包的時候報錯：Error: Could not find gradle wrapper within Android SDK.

$ cordova build android
CHCP plugin after prepare hook:
 config-file set to http://www.tjdr.info/EWT/chcp.json
ANDROID_HOME=/home/kongxx/Android/Sdk
JAVA_HOME=/opt/jdk8
Error: Could not find gradle wrapper within Android SDK. Might need to update your Android SDK.
Looked here: /home/kongxx/Android/Sdk/tools/templates/gradle/wrapper

解決辦法

查看了一下 /home/kongxx/Android/Sdk/tools/templates/gradle/wrapper 目錄，目錄確實不存在，于是檢查了一下 android-studio 環(huán)境，發(fā)現(xiàn)可以在 plugins/android/lib/templates 目錄下包括上面的內容，于是，果斷copy之。

$ cp -rf android-studio/plugins/android/lib/templates /home/kongxx/Android/Sdk/tools/

問題四

問題

使用Cordova打包時報錯：Error: spawn EACCES

$ cordova build android
CHCP plugin after prepare hook:
 config-file set to http://www.tjdr.info/EWT/chcp.json
ANDROID_HOME=/home/kongxx/Android/Sdk
JAVA_HOME=/opt/jdk8
Subproject Path: CordovaLib
Error: spawn EACCES

解決辦法

sudo chmod -Rf 755 ~/Android

問題五

問題

在 cordova 中使用瀏覽器測試的時候，默認啟動的是 google-chrome 瀏覽器，比如：

cordova run browser

解決辦法

可以使用 –target 來指定想使用的瀏覽器。

cordova run browser --target=opera
cordova run browser --target=firefox

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

相關文章

  • 詳解JavaScript設計模式中的享元模式

    詳解JavaScript設計模式中的享元模式

    享元模式是一種用于性能優(yōu)化的模式。享元模式的核心是運用共享技術來有效支持大量細粒度的對象.如果系統(tǒng)中創(chuàng)建了大量類似的對象而導致內存占用過高，本文通過介紹書中文件上傳的優(yōu)化案例來說明享元模式的使用方式和作用,需要的朋友可以參考下
    2023-06-06
  • js知識點總結之getComputedStyle的用法

    js知識點總結之getComputedStyle的用法

    getComputedStyle是一個可以獲取當前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關于js知識點總結之getComputedStyle用法的相關資料,需要的朋友可以參考下
    2022-10-10
  • JS實現(xiàn)HTML標簽轉義及反轉義

    JS實現(xiàn)HTML標簽轉義及反轉義

    本文主要介紹了JS實現(xiàn)HTML標簽轉義及反轉義的方法。具有一定的參考價值，下面跟著小編一起來看下吧
    2017-01-01
  • js實現(xiàn)旋轉木馬輪播圖效果

    js實現(xiàn)旋轉木馬輪播圖效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)旋轉木馬輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-01-01
  • 詳解微信小程序canvas圓角矩形的繪制的方法

    詳解微信小程序canvas圓角矩形的繪制的方法

    這篇文章主要介紹了詳解微信小程序canvas圓角矩形的繪制的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-08-08
  • JavaScript函數(shù)柯里化實現(xiàn)原理及過程

    JavaScript函數(shù)柯里化實現(xiàn)原理及過程

    這篇文章主要介紹了JavaScript函數(shù)柯里化實現(xiàn)原理及過程,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-12-12
  • 調試JavaScript中正則表達式中遇到的問題

    調試JavaScript中正則表達式中遇到的問題

    這篇文章主要介紹了調試JavaScript中正則表達式中遇到的問題,需要的朋友可以參考下
    2015-01-01
  • 原生JS實現(xiàn)目錄滾動特效

    原生JS實現(xiàn)目錄滾動特效

    這篇文章主要為大家詳細介紹了原生JS實現(xiàn)目錄滾動特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-10-10
  • 原生js與jQuery實現(xiàn)簡單的tab切換特效對比

    原生js與jQuery實現(xiàn)簡單的tab切換特效對比

    這篇文章主要通過原生js與jQuery實現(xiàn)簡單的tab切換特效對比介紹了js與jQuery之間的區(qū)別，有需要的小伙伴可以參考下。
    2015-07-07
  • Js實現(xiàn)兩個跨域頁面進行跳轉傳參的方案詳解

    Js實現(xiàn)兩個跨域頁面進行跳轉傳參的方案詳解

    這篇文章主要為大家詳細介紹了JavaScript中實現(xiàn)兩個跨域頁面進行跳轉傳參的方案,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2023-12-12

最新評論