Part 2: Running Monaca Debugger with Monaca Localkit
Last updated
Was this helpful?
Last updated
Was this helpful?
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 (running Monaca Localkit), assuming that the local PC is successfully paired with the Monaca Debugger, all changes made to the project files will be pushed into Monaca Debugger as soon as you save those changes.
Please install Monaca Debugger on your device.
Pair the Monaca Debugger with the Monaca Localkit. Please refer to .
If the pairing succeeds, your project list will appear in the Monaca Debugger and the connected debugger will appear in the Monaca Localkit (see the screenshots below). However, if the pairing fails, please refer to .
3. Run the project on the Monaca Debugger. To do this, you can either click the project in the Monaca Debugger or click the Run button in the Monaca Localkit.
4. Now the screen of your device should look like in the screenshot below. Touch the Back button within Debugger Menu to go back to the Project List screen.
5. Test the app by adding a new memo. If a new memo appears, your project is running properly.
Run the project on the debugger.
3. The saved changes should be reflected immediately in the Monaca Debugger on your device. You can also click the Refresh button to retrieve the latest updates of your app if the real time updating does not work.
Run the project on the debugger.
In the debugger menu, click the inspector button (see the screenshot below).
That’s it! Try to make more changes to your project and see how it runs on the debugger. Enjoy developing with Monaca!
Do some changes in a project file and save it (read more on ). For example, try to change the title of the application in the index.html file or a style in the style.css file. Note that the live reload toggle button is enabled by default. Turn it off if you want to disable real time updating.
Monaca Localkit allows you to debug your application with the using USB connection. Before starting the USB debugging, please make sure to enable the on your device with an appropriate version of the Monaca Debugger.
3. The Chrome DevTools should open in the host PC. Then, you can start inspecting and debugging your app right away. For more information, please refer to the Chrome DevTools .
Please refer to to explore the other functions provided by the Monaca Debugger.
You can also use USB debugging with Monaca CLI. Please refer to .
