Monaca Debugger is a powerful application for testing and debugging your Monaca applications on real devices in real time.
When developing Monaca apps on your local PC, assuming that your local PC is successfully paired with Monaca Debugger, all changes made to your project files will be pushed into your Monaca Debugger as soon as you save those changes.
Please install Monaca Debugger on your device.
In order to debug/test a local Monaca app, you need to pair local PC with Monaca Debugger.
In the command window, navigate to your project folder and type monaca debug command to connect to your Monaca Debugger. Then, Monaca CLI will wait for requests from debugger.
Launch Monaca Debugger app and sign in using your Monaca account information. Make sure you are using the same account information you use for Monaca CLI earlier.
Then, a popup message prompting you to pair the debugger with the local PC will appear.
If your pairing is successful, your local project name will appear
Local Projects in Monaca Debugger. However, if you fail the
pairing, please refer to Fail to Pair Monaca Debugger.
Now the project should be running as shown in the screenshot below. Use Back button within Debugger Menu button to go back to the Project List screen.
You can now try making some changes to your file. For example, try
changing the starting page of the sample app to Page 2. In order to
do this, please open the
index.html file. Then, change the
main-page attribute (inside
<ons-sliding-menu> tag) to
page2.html and save your changes. The updated code should look
... <ons-sliding-menu var="app.slidingMenu" menu-page="menu.html" main-page="page2.html" side="left" type="overlay" max-slide-distance="200px"> </ons-sliding-menu> ...
If your PC is still connected to Monaca Debugger, it will automatically refresh the updates. Now your starting page should be Page 2.
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!