本文不是外掛程式詳解,只是羅列公司上線專案中使用到的各種外掛程式以及碰到的坑,如果像詳細了解乙個外掛程式建議去其官方 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...