Tag Archives: Hybrid App

How to list added cordova plugin on ionic – 如何找出在ionic framework上找出 已經安裝的 cordova 插件

終於可以發佈我第一個使用 Ionic Framework來寫的Hybrid App
official document上建議先移除沒有用的 cordova 的 Plugin 再發佈
那麼如何知道現有的Ionic Project上已經安裝的cordova Plugin 呢?

解決方法十分簡單

我們可以在Projectroot directory上使用以下的指令便可以列出 已安裝的 cordova plugins

cordova plugin list

List Cordova Plugins - cordova plugin list
Hope you find it useful



How to Debug website on Mobile Device – 如何在手機上做網頁debug / debug HTML5 Hybrid App

最近開始研究使用Ionic Framework 來開發一些Hybrid App [用HTML5/ Javascript / CSS 和一些 Library 來開發..之後可以CompileAndroid/IOS/Windows Phone 的應該程式的 開發工具]
不久之後便發現要Debug這些Hybrid App很像不太容易..
因為他們不像可以在Android StudioDebug..
他們又沒有Console Windows可以用來檢查 Console.log的結果

做了一會research之後發現

原來我們可以使用Google Chrome 來 Debug我們手機上的網頁的

解決方法:
我們可以在Google ChromeAddress bar 上輸入以下網址

chrome://inspect/#devices

e.g. try the link below
chrome://inspect/#devices

之後可以按一下Inspect 去 選擇inspect那一個 Web AppWebsite
Chrome Inspect devices

之後便可以像平時 debug website 一樣 debug這個 Web App或 Website 了
Chrome Developer Tools - Mobile Web App

Hope you find it useful


style=”display:inline-block;width:336px;height:280px”
data-ad-client=”ca-pub-4266560994470212″
data-ad-slot=”3788424641″>

Ionic platform add android Error: spawn ENOENT

今天嘗試跟著Ionic Framework 的時
http://ccoenraets.github.io/ionic-tutorial/index.html
當我嘗試使用ionic platform 指令加入Android Platform

ionic platform add android

出現以下的錯誤信息
events.js:72
throw erl // Unhandled ‘error’ event
Error: spawn ENOENT

Ionic Framework - Error: spawn ENOENT

這個錯誤是在我更新了Ionic Framework CLI 之後才出現的

How to Update Ionic CLI- 如何更新Ionic Framework CLI

做了一會research之後
找到了暫時的解決方法

解決方法:
我們只需要暫時安裝另一個版本的 Ionic Framework CLI便可以解決這個問題

E.g. 我安裝了 ionic 1.1.9 beta1
NodeJscommand prompt 上輸入以下指令便可以了

npm install -g ionic@1.1.9-beta1

Install Ionic Framework 1.1.9 beta 1

安裝完成後..再次執行

ionic platform add android

ionic platform 指令加入Android Platform
出現”Platform android already added” 應該是正常的..因為我之前嘗試使用cordova 指令來加入Android Platform 來解決”Error: spawn ENOENT” 的問題…

Ionic Framework:  Platform android already added

之後再用 ionic 指令來Build 這個程式

ionic build android

最後使用Ionic 指令嘗試在 Android Emulator上 執行這個Ionic Hybrid App

ionic emulate android

Ionic Tutorial run on Android Emulator

Hope it solve your issue.