WaveMaker Docs

WaveMaker Docs

  • Get started
  • Widgets
  • Mobile
  • How-to
  • Enterprise
  • Releases
  • Blog
  • Sign-in

›Mobile Installer

Mobile Development

  • React Native or Cordova

React Native

  • Welcome
  • Features
  • Supported Widgets
  • Supported Variables
  • Test Run Preview
  • Debug Web Preview
  • Inspection Framework
  • Mobile Preview
  • Styles
  • Theme
  • Export as Zip
  • Build Installers
  • Debug APK
  • Debug IPA

Cordova

  • Building Hybrid Mobile Apps
  • Native Device Support
  • First Mobile App
  • Mobile Design

    • Mobile Page Design
    • Gesture Support
    • Mobile Tabbar
    • Mobile Navbar

    Mobile Installer

    • Test Run (Preview)
    • Debugging Mobile Apps
    • Test via Live Sync
    • Testing Hybrid Mobile Apps using WaveLens
    • Mobile Build - Android
    • Generating iOS and Android Distribution Certificates
    • Export Cordova zip
    • Mobile Build - Manual
    • Mobile Build - AppChef

    Mobile Integrations

    • Mobile Integrations - Amazon Mobile Analytics
    • Mobile Integrations - Amazon SNS
    • Using Push Notifications in Mobile Device
    • Invoking Web App APIs in Mobile Apps

    Offline Features

    • Offline Data Support
    • Implementation
    • Switching between Offline and Online Mode
Edit

Debugging Mobile Apps


WaveMaker uses Cordova platform to build hybrid mobile apps. While Cordova handles the native JavaScript API binding, WaveMaker handles the core app logic and UI. A mobile app built using WaveMaker runs in a web view (equivalent to a web browser). How to debug the web view layer is explained below.

Debugging on Android

Requirements

  • Android Mobile
  • An App (to debug) built on Cordova
  • Desktop/laptop with chrome browser

Enable USB debugging in Android (one-time setup)

  • On your android mobile, go to Settings > Security. Enable ‘Unknown sources: Allow installation of apps from unknown sources’

  • Go to Settings > About Phone. In ‘About Phone’ page, click on build number for 7 times to enable developer options.

  • Go to Settings > Developer Options. Enable USB debugging.

Debugging mobile app

  • Open the app on mobile and connect mobile to a desktop with a USB cable.
  • On the desktop, open a chrome browser and go to ‘chrome://inspect#devices’. All available apps for debugging are shown on that page.

  • Click on inspect link that appears below to your app.Chrome debugging tools will open and you can debug the app.

Debugging on IOS

Requirements

  • iPhone
  • Mobile app built on Cordova
  • MacBook (or Mac Pro or Mac Mini) with safari browser

Enable Safari Web Inspector (one-time setup)


On iPhone

  • Open Settings and Tap on Safari

  • In Safari Settings, Tap on Advanced

  • Turn on Web Inspector.

On MacBook

  • Open Safari browser > preferences

  • Go to Advanced and check on ‘Show Develop Menu in menu bar’

Debugging Mobile App

  • Open the app to debug on iPhone.
  • Connect iPhone to a MacBook with a USB cable.
  • Open Safari in a MacBook, and click on ‘Develop’ menu.

  • Under Develop menu, all connected devices (iPhone) are listed.Under each Device sub-menu, all apps available to debug in that device are listed.

  • Click on the app’s page to open the debugger.

Last updated on 6/1/2020 by Swetha Kundaram
← Test Run (Preview)Test via Live Sync →
  • Debugging on Android
    • Requirements
    • Enable USB debugging in Android (one-time setup)
    • Debugging mobile app
  • Debugging on IOS
    • Requirements
    • Enable Safari Web Inspector (one-time setup)
    • On iPhone
    • On MacBook
    • Debugging Mobile App
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2023 WaveMaker, Inc. All rights reserved.