ionic 常用外掛程式 tips

2021-09-19 10:27:19 字數 1227 閱讀 1781

本文不是外掛程式詳解,只是羅列公司上線專案中使用到的各種外掛程式以及碰到的坑,如果像詳細了解乙個外掛程式建議去其官方 github 檢視。

ionic 外掛程式的安裝方法:ionic plugin add pluginname

我自己查詢外掛程式的方式:首先 ngcordova,然後是 cordova 官方(cordova 官方有點坑,千萬注意自己的 cordova 版本,不要找到萬年不更的外掛程式,發現老是搞不出來)。

外掛程式是各種原生**寫成的,所以建議 ionic 開發者們有空可以多看看原生,如果碰到坑可以自己改改。

使用方式:

cordova-plugin-console

看名字就懂了,就是把 js 檔案的 console 讓你在 xcode 或者 android studio 控制台裡看到 js 的console。

tips:除錯神器。

cordova-plugin-geolocation

document.addeventlistener("deviceready", ondeviceready, false);

function ondeviceready()

deviceready 需要依賴於 cordova-plugin-device 外掛程式。

tips:

tips:ionic 當中 a 標籤 tel 呼出撥號的時候會有問題,需要寫成這樣:click 事件裡 window.open("tel:" + 800******x, "_system");

cordova-plugin-splashscreen

tips:ionic 提供了 ionic resource 的工作流,也就是他會自動生成各種尺寸的 splash 。但需要注意的是,你需要在 xml.config 當中新增完整,不然會出現部分機型有,部分機型仍舊是cordova logo 的情況。

cordova-plugin-statusbar

狀態列外掛程式,支援開發者定義狀態列。使用方式參考 readme 即可,簡單實用的乙個外掛程式。

ionic-plugin-keyboard

cordova.plugins.keyboard.hidekeyboardaccessorybar(true);

cordova.plugins.keyboard.disablescroll(true);

cordova-plugin-x-toast

tips: ngcordova 下的,所以直接用 $cordovatoast 即可。

ionic日曆外掛程式

1 引入外掛程式的兩個檔案 timepicker.js 和timepicker.css檔案 3 在需要使用時間選擇的地方 寫上 1 頁面樣式的修改 2 支援 yyyy mm dd 格式配置預設時間 3 支援遠端載入預設時間資料 4 其他細節修改 原始碼中有說明 1 新增年份選擇 2 支援設定年月選擇...

ionic外掛程式基礎(二) 外掛程式的新增刪除

這裡的命令指的是新增刪除編寫好的外掛程式。它並沒有,也不提供start create等類似的生成外掛程式 框架的功能選項。若我們需要自己編寫自己的外掛程式,則可以使用額外的乙個叫做plugman的工具。當我們在cmd中進入該目錄,並輸入 ionic plugin list即可看到當前專案的外掛程式列...

Chrome瀏覽頁面常用Tips

1.chrome瀏覽頁面常用快捷鍵 ctrl n 開啟新視窗。ctrl t 開啟新標籤頁。ctrl w關閉當前標籤 ctrl f4 關閉chrome瀏覽器 ctrl tab 或 ctrl pgdown 切換到下乙個標籤頁。ctrl shift tab 或 ctrl pgup 切換到上乙個標籤頁。ct...