Part 2: Running Monaca Debugger with Monaca Cloud IDE

Monaca Debugger is a powerful application for testing and debugging your Monaca applications on real devices in real-time.

When developing Monaca apps in the Cloud IDE, all changes made to your project file(s) will be synced with your Monaca Debugger in real-time as soon as you save them.

Before Getting Started

Please install Monaca Debugger on your device.

Please refer to Monaca Debugger Installation for other platforms.

Step 1: Running a Project on Monaca Debugger

  1. Launch Monaca Debugger app and sign in with your Monaca account. Make sure you are using the same account for Monaca Cloud IDE.

  2. The list of projects will appear. All Monaca Cloud IDE projects are listed under Monaca.io Projects. To run a project, simply tap on the project name in Monaca Debugger or select Run → Run on Device in Monaca Cloud IDE.

  3. Your project should now be running in the debugger.

  4. Go ahead and try out the various features of the demo app!

    To go back to the Project List screen, go to Debugger Menu and tap on the Back button.

Step 2: Real-time Updates between Monaca Cloud IDE and Debugger

By now, you should be able to get your Monaca project running on the debugger. Next, let’s try to make changes to this project and see how it is reflected in the debugger.

  1. Run the project on the debugger.

  2. On Monaca Cloud IDE, let’s open index.html and change the title of the front page from Monaca Memo to My Memo. Then, save the change.

  3. As soon as you save your new changes, Monaca Debugger will automatically refresh itself. (You can also tap on Reload button to manually retrieve the latest updates of your app, in case the changes are not reflected.)

Please refer to Debugger Functionalities to explore the other functions provided by Monaca Debugger.
You can also use USB debugging with Monaca CLI. Please refer to USB Debugging with Monaca .

That’s it! That’s how easy it is to use Monaca Debugger. Please try to make more changes to your project and see how it runs on the debugger. Enjoy developing with Monaca!

Next: