日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Cordova 插件详解

發布時間:2023/12/10 编程问答 38 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Cordova 插件详解 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

添加插件

插件,可以使應用獲得與設備級別交流的能力,提供了原生組件的接口。你可以自己設計插件,如,設計一個混合了 Cordova WebView 和原生組件的 hybrid 應用(詳見 * 嵌入 WebViews 和 插件開發指南)
3.0 版本后,創建一個 Cordova 是不會存在任何插件的,你需要按照需要顯示的添加插件。
可以在 http://plugins.cordova.io/ 查找插件,其中也包含第三方的插件。CLI 也能支持插件的查找。例如使用關鍵字bar、code 進行查找。

$ cordova plugin search bar codecom.phonegap.plugins.barcodescanner - Scans Barcodes

如果只是使用關鍵字bar,則查找結果為

cordova-plugin-statusbar - Cordova StatusBar Plugin cordova plugin add

命令是用來添加插件的,比如

  • 基本設備信息(設備 API):
$ cordova plugin add cordova-plugin-device
  • 網絡連接和電池事件:
$ cordova plugin add cordova-plugin-network-information $ cordova plugin add cordova-plugin-battery-status
  • 網絡連接和電池事件:
$ cordova plugin add cordova-plugin-network-information $ cordova plugin add cordova-plugin-battery-status
  • 加速度計,指南針,和地理位置:
$ cordova plugin add cordova-plugin-device-motion $ cordova plugin add cordova-plugin-device-orientation $ cordova plugin add cordova-plugin-geolocation
  • 相機,媒體播放和捕捉:
$ cordova plugin add cordova-plugin-camera $ cordova plugin add cordova-plugin-media-capture $ cordova plugin add cordova-plugin-media
  • 在設備或者網絡上訪問文件(File API):
$ cordova plugin add cordova-plugin-file $ cordova plugin add cordova-plugin-file-transfer
  • 通過對話框或振動通知:
$ cordova plugin add cordova-plugin-dialogs $ cordova plugin add cordova-plugin-vibration
  • 聯系方式:
$ cordova plugin add cordova-plugin-contacts
  • 全球化:
$ cordova plugin add cordova-plugin-globalization
  • 閃屏:
$ cordova plugin add cordova-plugin-splashscreen
  • 打開一個新的瀏覽器窗口 (InAppBrowser):
$ cordova plugin add cordova-plugin-inappbrowser
  • 控制臺調試:
$ cordova plugin add cordova-plugin-console

:CLI 增加適合各個平臺的插件代碼。如果你想開發具有較低級別的 shel l工具或平臺的 SDK,你需要運行 Plugman 工具來為每個平臺單獨添加的插件。 (請參閱使用 Plugman 來管理插件。)
plugin ls (或 plugin list, 或 plugin)查看當前已安裝的插件。以唯一標識做為顯示:

$ cordova plugin ls # or 'plugin list' [ 'cordova-plugin-console' ]

移除時,也用唯一標識來移除

$ cordova plugin rm cordova-plugin-console $ cordova plugin remove cordova-plugin-console # same

可以批量添加或者移除:

$ cordova plugin add cordova-plugin-console cordova-plugin-device

高級插件選項

添加插件時,@制定版本:

$ cordova plugin add cordova-plugin-console@latest $ cordova plugin add cordova-plugin-console@0.2.1

非 registry.cordova.io注冊的插件,也從其他 git 庫添加:

$ cordova plugin add https://github.com/apache/cordova-plugin-console.git

#來指定一個標簽(tag)

$ cordova plugin add https://github.com/apache/cordova-plugin-console.git#r0.2.0

或者一個分支:

$ cordova plugin add https://github.com/apache/cordova-plugin-console.git#CB-8438cordova-plugin-console

或者是一個提交:

$ cordova plugin add https://github.com/apache/cordova-plugin-console.git#f055daec45575bf08538f885e09c85a0eba363ff

如果插件(以及 plugin.xml 文件 ),是在 git 庫的子目錄,使用:

$ cordova plugin add https://github.com/someone/aplugin.git#:/my/sub/dir

當然也能做如下合并:

$ cordova plugin add https://github.com/someone/aplugin.git#r0.0.1:/my/sub/dir

或者,指定一個包含 plugin.xml 文件的本地插件目錄:

$ cordova plugin add ../my_plugin_dir

使用 merges 自定義每個平臺

雖然 Cordova 讓您可以輕松地部署應用程序在許多不同的平臺上,有時你需要添加一些自定義功能。在這種情況下,你不希望修改各種platforms目錄下的 www 目錄中的源文件,因為他們經常會被頂級www目錄的跨平臺源所取代。

取而代之的是,頂層merges目錄提供指定資源來部署在特定平臺上的地方。merges鏡像中的每個特定平臺的子目錄反映了www源代碼樹的目錄結構,使您能夠覆蓋或根據需要添加文件。例如,下面演示了如何使用merges以提高 Android 和Amazon Fire OS 設備的默認字體大小:

  • 編輯 www/index.html, 添加額外的 CSS 文件 overrides.css:
<link rel="stylesheet" type="text/css" href="css/overrides.css" />
  • 可選創建一個空的www/css/overrides.css文件,應用于非 Android 的構建, 防止文件丟失的錯誤。
  • 在merges/android 下創建一個css子目錄,再加入相應的overrides.css文件。在www/css/index.css中指定的字體大小,例如:
body { font-size:14px; }

在重構項目中,Android 版本采用了自定義字體大小,而其他的維持不變。
還可以使用的merges來添加不存在于原始www目錄中的文件。例如,一個應用程序可以將一個“后退按鈕”圖形插入iOS界面,存儲在merges/ios/img/back_button.png,而 Android 版本,可以改為從相應的硬件按鈕事件捕捉backbutton。

幫助命令

遇到問題,請呼喚“幫助”。執行:

$ cordova help $ cordova # same

此外,你可以得到一個更詳細的幫助。 例如

$ cordova run --help

info 命令產生的潛在有用的信息,如當前已安裝的平臺和插件,每個平臺 SDK 版本,CLI 和 Node.js的版本信息列表:

$ cordova info

它既在屏幕上展示信息,并輸出到本地info.txt。
:目前,僅適用于 iOS 和 Android 平臺的詳細信息。

更新 Cordova 和你的項目

使用如下命令更新 cordova:

$ sudo npm update -g cordova

安裝特定版本

$ sudo npm install -g cordova@3.1.0-0.2.0

運行cordova -v來查看當前運行的版本, to see which version is currently running. 運行 npm info 來獲取當前版本以及可用版本的信息:

$ npm info cordova

Cordova 3.0 是支持本節所述的命令行界面的第一個版本。如果您是從之前的版本更新到 3.0,則需要如上所述創建一個新的項目,那么舊的應用程序的資源復制到頂層www目錄。有關升級到 3.0 的進一步的細節,參考平臺開發指南。一旦您升級到cordova 的命令行界面,并使用 npm update 保持同步。

Cordova 3.0+ 可能仍然會有各種變化,包括項目級目錄結構和其他依賴。在運行 npm命令來更新 Cordova 本身后,你可能需要確保項目的資源是符合最新版本的要求。運行命令,如下:

$ cordova platform update android $ cordova platform update ios ...etc.

總結

以上是生活随笔為你收集整理的Cordova 插件详解的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。