Ionic DevApp :非常好用的免費官方開發除錯工具

weixin_34054866發表於2017-11-16

Ionic DevApp是一個免費的應用程式,可以讓您直接在iOS或Android裝置上執行您的Ionic應用程式。

跳過處理令人沮喪的原生SDK安裝問題,只需執行ionic serve,開啟DevApp,連線到相同的網路,應用程式將自動載入並執行您的應用程式。

DevApp是一款100%免費的iOS和Android手機應用程式,可以讓您直接在手機上測試應用程式。DevApp提供了一個實時的更改檢視,並提供豐富的預裝本機外掛庫來測試應用程式的每個功能。

DevApp自帶了許多原生外掛,因此您不必擔心安裝外掛。

使用

1)首先,確保你執行了最新版本的Ionic CLI npm install -g ionic
3)將您的裝置和開發計算機連線到同一個WiFi網路。
2)手機安裝Ionic DevApp。
4)在您的裝置上開啟DevApp。
5)ionic serve在您的電腦上執行,為您的應用程式提供服務 然後,您應該看到在DevApp上彈出的應用程式。
6)點選你的應用程式和繁榮,你現在有一個開發版本的應用程式執行在您的裝置上,LiveReload和cordova外掛的支援

注意:DevApp查詢ionic serve在本地網路上執行的例項,並需要最新版本的Ionic CLI(至少版本3.13.2)。

例項演示:1.開啟手機端DevApp
4263048-9b118d9939afd9d3.png
image.png
例項演示:2.手機端DevApp會自動搜尋出在同一WIFI下的專案:
4263048-231743ea94f58564.png
image.png
例項演示:3.點選即可除錯專案:
4263048-89b529b4f0694f05.png
image.png

故障排除

如果您在列表中看不到您的應用程式,請嘗試以下方法解決問題:

  • 首先,確保你和應用程式在同一個網路上。仔細檢查你的WiFi連線設定。
  • 嘗試強制退出DevApp並重新啟動它
  • 嘗試ionic serve在您的計算機上重新啟動。
    如果這些東西仍然不能解決問題,請確保您沒有任何自定義網路設定,可能導​​致應用程式無法發現服務例項。

DevApp內建外掛列表

card.io.cordova.mobilesdk 2.1.0 "CardIO"
com-intel-security-cordova-plugin 2.0.3 "APP Security API"
com.darktalker.cordova.screenshot 0.1.5 "Screenshot"
com.paypal.cordova.mobilesdk 3.5.0 "PayPalMobile"
cordova-admob-sdk 0.8.0 "AdMob SDK"
cordova-base64-to-gallery 4.1.2 "base64ToGallery"
cordova-instagram-plugin 0.5.5 "Instagram"
cordova-launch-review 2.0.0 "Launch Review"
cordova-plugin-3dtouch 1.3.5 "3D Touch"
cordova-plugin-actionsheet 2.3.3 "ActionSheet"
cordova-plugin-add-swift-support 1.6.2 "AddSwiftSupport"
cordova-plugin-admob-free 0.10.0 "Cordova AdMob Plugin"
cordova-plugin-app-event 1.2.0 "Application Events"
cordova-plugin-apprate 1.3.0 "AppRate"
cordova-plugin-battery-status 1.2.4 "Battery"
cordova-plugin-ble-central 1.1.4 "BLE"
cordova-plugin-bluetooth-serial 0.4.7 "Bluetooth Serial"
cordova-plugin-brightness 0.1.5 "Brightness"
cordova-plugin-calendar 4.6.0 "Calendar"
cordova-plugin-camera 2.4.1 "Camera"
cordova-plugin-compat 1.1.0 "Compat"
cordova-plugin-console 1.0.7 "Console"
cordova-plugin-contacts 2.3.1 "Contacts"
cordova-plugin-datepicker 0.9.3 "DatePicker"
cordova-plugin-device 1.1.6 "Device"
cordova-plugin-device-motion 1.2.5 "Device Motion"
cordova-plugin-device-orientation 1.0.7 "Device Orientation"
cordova-plugin-dialogs 1.3.3 "Notification"
cordova-plugin-email-composer 0.8.7 "EmailComposer"
cordova-plugin-geolocation 2.4.3 "Geolocation"
cordova-plugin-globalization 1.0.7 "Globalization"
cordova-plugin-google-analytics 1.8.3 "Google Universal Analytics Plugin"
cordova-plugin-health 1.0.0 "Cordova Health"
cordova-plugin-image-picker 1.1.1 "ImagePicker"
cordova-plugin-inappbrowser 1.6.1 "InAppBrowser"
cordova-plugin-insomnia 4.3.0 "Insomnia (prevent screen sleep)"
cordova-plugin-intercom 3.2.2 "Intercom"
cordova-plugin-ionic 1.1.6 "IonicCordova"
cordova-plugin-ios-keychain 3.0.1 "KeyChain Plugin for Cordova iOS"
cordova-plugin-media 3.0.1 "Media"
cordova-plugin-mixpanel 3.1.0 "Mixpanel"
cordova-plugin-music-controls 2.0.0 "MusicControls"
cordova-plugin-nativeaudio 3.0.9 "Cordova Native Audio"
cordova-plugin-nativestorage 2.2.2 "NativeStorage"
cordova-plugin-network-information 1.3.3 "Network Information"
cordova-plugin-request-location-accuracy 2.2.1 "Request Location Accuracy"
cordova-plugin-safariviewcontroller 1.4.7 "SafariViewController"
cordova-plugin-screen-orientation 2.0.1 "Screen Orientation"
cordova-plugin-secure-storage 2.6.8 "SecureStorage"
cordova-plugin-shake 0.6.0 "Shake Gesture Detection"
cordova-plugin-sim 1.3.3 "SIM"
cordova-plugin-splashscreen 4.0.3 "Splashscreen"
cordova-plugin-statusbar 2.2.3 "StatusBar"
cordova-plugin-stripe 1.5.3 "cordova-plugin-stripe"
cordova-plugin-taptic-engine 2.1.0 "Taptic Engine"
cordova-plugin-themeablebrowser 0.2.17 "ThemeableBrowser"
cordova-plugin-touch-id 3.2.0 "Touch ID"
cordova-plugin-tts 0.2.3 "TTS"
cordova-plugin-vibration 2.1.5 "Vibration"
cordova-plugin-whitelist 1.3.2 "Whitelist"
cordova-plugin-x-socialsharing 5.1.8 "SocialSharing"
cordova-plugin-x-toast 2.6.0 "Toast"
cordova-plugin-zip 3.1.0 "cordova-plugin-zip"
cordova-promise-polyfill 0.0.2 "cordova-promise-polyfill"
cordova-sms-plugin 0.1.11 "Cordova SMS Plugin"
cordova-sqlite-storage 2.0.4 "Cordova sqlite storage plugin"
cordova-universal-clipboard 0.1.0 "Clipboard"
de.appplant.cordova.plugin.local-notification 0.8.5 "LocalNotification"
de.appplant.cordova.plugin.printer 0.7.1 "Printer"
ionic-plugin-keyboard 2.2.1 "Keyboard"
phonegap-nfc 0.6.6 "NFC"
phonegap-plugin-barcodescanner 6.0.7 "BarcodeScanner"
phonegap-plugin-mobile-accessibility 1.0.5-dev "Mobile Accessibility"
uk.co.workingedge.phonegap.plugin.launchnavigator 4.0.4 "Launch Navigator"

相關文章