Monaca Docs
  • Monaca
  • Create Your First App
  • Release Notes and Updates
    • Privacy Manifest Requirement for iOS Apps
    • Plugin uses-permission Tag Deduplication Feature
    • iOS Monaca Debugger Discontinuation & Alternative Features
    • Error submitting to iOS App Store (ITMS-90165)
    • Build error in cordova-custom-config
    • Cordova 11 changes
    • Cordova 10 changes
    • Cordova 9 changes
    • New Monaca CLI and Localkit
    • Migration from Cordova to Capacitor
  • Product Guides
    • Monaca Development Overview
    • Monaca Cloud IDE
      • Overview
      • Features in the Monaca Cloud IDE
      • Integrated Terminal
      • Editor Shortcuts
      • Project Dependencies
        • File and Folder Structure
        • JS/CSS Components
        • Cordova Plugins
        • Custom Cordova Plugins
      • Version Control
        • Introduction
        • GitHub Integration
        • Git SSH Integration
      • Monaca CI
        • Overview
        • Deploy Services
        • Deploy to Appetize.io
        • Deploy to DeployGate
        • Deploy to Firebase
      • Build
        • Building for iOS
          • Building an iOS App
          • Build Settings between Monaca and Xcode
        • Building for Android
        • Building for Electron
          • Building on Windows
        • Building for PWA
        • Building for Windows
        • Build Environment Settings
        • Common Build and Application Upload Errors
        • Build History
      • Distribution
        • App Store Distribution
          • App Store Connect Guide
          • iOS App Upload Feature
        • Google Play Distribution
        • Amazon Appstore Distribution
        • Non-market App Distribution
      • Download App Package
      • Tutorial
    • Monaca Localkit
      • Overview
      • Pairing and Debugging
      • Remote Building and Publishing
      • Troubleshooting Guide
      • Tutorial
    • Monaca CLI
      • Overview
      • Monaca CLI Commands
      • Pairing and Debugging
      • Project Dependencies
        • File and Folder Structure
        • JS/JSS Components
        • Cordova Plugins
        • Custom Cordova Plugins
      • Remote Building and Publishing
      • Troubleshooting Guide
      • Tutorial
    • Monaca Debugger
      • Functionalities
      • Installation
        • Monaca Debugger for Android
        • Monaca Debugger for iOS
        • Monaca Debugger for Android Emulator
      • Usage
      • Custom Build Debugger for iOS
      • iOS App Simulator Build
      • Troubleshooting Guide
      • Tutorials
    • Team Dashboard
    • Quick Viewer
    • Migrating from Other Platforms
      • Key Points
      • Cloud IDE preview function settings
      • Migrating from Angular
      • Migrating from Ionic
      • Migrating from React
      • Migrating from Vue
      • Migrating from PhoneGap
        • Key Differences
        • Guide for PhoneGap Build Users
        • Guide for PhoneGap CLI Users
        • Guide for PhoneGap Desktop App Users
      • Migrating from Telerik
  • Build App
    • Build for iOS
      • Creating a Private Key and CSR
      • Creating a Certificate
      • Updating Provisioning Profiles
  • Tutorials
    • Monaca Cloud IDE Tutorial
      • Part 1: Starting a Project
      • Part 2: Running Monaca Debugger with Monaca Cloud IDE
      • Part 3: Building a Monaca App
      • Part 4: Publishing a Monaca App
    • Monaca Localkit Tutorial
      • Part 1: Starting a Project
      • Part 2: Running Monaca Debugger with Monaca Localkit
      • Part 3: Building a Monaca App
      • Part 4: Publishing a Monaca App
    • Monaca CLI Tutorial
      • Part 1: Starting a Project
      • Part 2: Running Monaca Debugger with Monaca CLI
      • Part 3: Building a Monaca App
      • Part 4: Publishing a Monaca App
    • Electron Tutorial
      • How to Use a NPM Package
      • How to Use a Web API
    • Barcode Scanner Plugin
    • Cordova SQLite Storage Plugin
    • Cordova Google Analytics Plugin
    • Cordova Firebase Plugin
    • Cordova In-app Purchase Plugin
    • Cordova AppVersion Plugin
    • Cordova Ionic Keyboard Plugin
    • Cordova Social Sharing Plugin
    • NIFCLOUD mobile backend
    • Phonegap Push Plugin
  • API Reference
    • Monaca API
      • Monaca Cloud & Remote Build API Guide
      • Utilities
    • Core Cordova Plugins
      • Cordova 11.0
        • Battery Status Plugin
        • Camera Plugin
        • Device Plugin
        • Device Motion Plugin
        • Device Orientation Plugin
        • Dialogs Plugin
        • File Plugin
        • Geolocation Plugin
        • InAppBrowser Plugin
        • Media Plugin
        • Media Capture Plugin
        • Network Information Plugin
        • Splashscreen Plugin
        • Vibration Plugin
        • StatusBar Plugin
      • Cordova 10.0
        • Battery Status Plugin
        • Camera Plugin
        • Device Plugin
        • Device Motion Plugin
        • Device Orientation Plugin
        • Dialogs Plugin
        • File Plugin
        • Geolocation Plugin
        • InAppBrowser Plugin
        • Media Plugin
        • Media Capture Plugin
        • Network Information Plugin
        • Splashscreen Plugin
        • Vibration Plugin
        • StatusBar Plugin
        • Whitelist Plugin (Android Only)
      • Cordova 9.0
        • Battery Status Plugin
        • Camera Plugin
        • Contacts Plugin
        • Device Plugin
        • Device Motion Plugin
        • Device Orientation Plugin
        • Dialogs Plugin
        • File Plugin
        • File Transfer Plugin
        • Geolocation Plugin
        • Globalization Plugin
        • InAppBrowser Plugin
        • Media Plugin
        • Media Capture Plugin
        • Network Information Plugin
        • Splashscreen Plugin
        • Vibration Plugin
        • StatusBar Plugin
        • Whitelist Plugin (Android Only)
    • Third-party Cordova Plugins
      • Advanced HTTP Plugin
      • PhoneGap BarcodeScanner Plugin
      • Cordova Custom Config Plugin
      • DatePicker Plugin
      • Share Plugin (Android)
      • WebIntent Plugin (Android)
    • Monaca Power Plugins
      • Monaca HTML5 Resource Encryption
      • Monaca In-App Updater
      • Monaca Secure Storage
      • Barcode Scanner Plugin
      • Android build memory size setting
    • Service Integration
      • Repro
      • AppsFlyer
    • Configuration Files
      • Android
        • Android Configuration
        • config.xml
        • AndroidManifest.xml
      • iOS
        • iOS Configuration
        • config.xml
        • MonacaApp-Info.plist
  • Samples & Tips
    • Sample Apps
      • AdMob
      • Twitter Single Sign-on App
      • Facebook Single Sign-on App
      • Flickr
      • TODO App
      • BirthYear App
      • Break the Bricks
      • Train Catalog App
      • Omikuji Fortune Telling App
      • Clock App
      • Memo Application
      • RSS Reader App
      • Hello World App
    • Tips & Tricks
      • Playing Sound and Music
      • Control the Splash Screen
      • Using Database
  • Features
    • Push Notification
    • SNS Authentication
    • Database
  • FAQ
    • General
    • IDE
    • Build
    • Release
    • Subscription
      • How to Use Activation Code
    • Application
    • Usage
    • Debugger
  • Supported Environments
  • Trouble Shooting
    • Preview Log repeats to reload (Vue packages version mismatch error)
  • Monaca Product Website
  • 日本語
Powered by GitBook
On this page

Was this helpful?

Last updated 3 years ago

Was this helpful?

What is the Monaca Debugger?

Monaca Debugger is an application for debugging that can check the functionality of the app on an actual device without building. When using Monaca Debugger, any changes made to the code immediately reflect to the actual running device. No build and run process are required. This would help to speed up the development and testing process. For more details, please refer to .

Are the operations of an app on the Monaca Debugger the same as when the app is installed on an actual device?

The app operations on Monaca Debugger may differ from the ones on the actual device. After building and installing the app, it is necessary to check its icon, installation and operations without Monaca Debugger. Moreover, the app works more slowly on Monaca Debugger than the built apps because of the connection to the Monaca Cloud IDE.

Before building, can I check application operations during development?

Monaca provides utility to check the display and operations of application which is the feature on the Monaca Cloud IDE. In addition, you can check application operations on the device prior to building by using Monaca Debugger. Both are very useful tools for improving development efficiency, so please make the most use of them.

The debug log is not displayed.

For some devices, such as devices from HTC, there are confirmed cases of which the debug log cannot be displayed. If possible, please inform us of any information about devices that have such problem via , we will look into it and provide the solution as soon as possible.

When I started the app on Android, the app crashed.

There may have problems of configuration in AndroidManifest.xml file. If you use PhoneGap, please make sure to have this setting:

For details, please refer to .

Monaca Debugger is not working.

I cannot use CSS and JavaScript files in Live Preview.

While reading external JavaScript or CSS codes, there is a possibility that they are not readable for some reasons such as requirement for an authentication.

Cannot log in to Monaca Debugger.

The following issues are the common issues and solutions when logging in Monaca Debugger:

  • If your password consists of non-alphanumeric character(s). Please

    change your password to alphanumeric character only.

  • Please check your Internet connection.

  • The email address was auto-completed. Please manually input the

    email address and password.

JavaScript error when loading Angular.js or other external library.

In some cases, Monaca Debugger may assume the exceptions occur internally by the external JavaScript library as errors. As long as the errors do not stop the functionality of your app, it should be fine to ignore them. Please note that in the built version, these errors should not occur when running on actual device.

What is the difference between Monaca Debugger and its custom build version?

Here are some important differences:

  1. Where you download the debugger: Monaca Debugger can be downloaded

    from application markets. Custom build debugger can be installed

    from Monaca IDE.

  2. Plugins included in the debugger: Monaca Debugger contains all core

    Cordova plugins. Custom build debugger will contain the plugins user

    submitted from Cordova Plugins configuration page.

  3. USB debugging support (iOS Only): For iOS devices, USB debugging can

    be only enabled when the app is debug built. Therefore, you cannot

    do USB debugging on Monaca Debugger downloaded from App Store. For

How can I debug my application?

We are providing 3 different ways to debug your application.

  1. Debug using preview panel

  2. Debug using Monaca Debugger with Monaca IDE (Weinre)

  3. Debug using Monaca Debugger with USB debugging

What is a network install?

Changes are not updated in a project on Monaca debugger.

When you make changes to your project but those changes are not updated in the project on Monaca Debugger, please try the following steps:

  • Make sure that you are using the latest version of Monaca Debugger.

  • Reset Monaca Debugger.

In order to reset Monaca Debugger, please do as follows:

  1. Clear temporary files on the debugger:

    • For Android:

      • From Monaca Debugger menu, go to Debugger Settings.

      • Click on CLEAR SYNCED FILES and CLEAR STORAGE DATA buttons.

    • For iOS

      • From Monaca Debugger menu, go to Settings.

      • Click on Clear Temporary Files and Clear Local Storage buttons.

  2. Log out of the debugger.

  3. Log in again.

console.log is not working for Cordova 7.1 or later project

If console.log doesn't work for Cordova 7.1 or later projects, check the following:

  1. Please use the latest version of Monaca Core Utility. Monaca Core Utility can be updated by following the steps below.

    1. Go to Config → Manage JS/CSS Components.

    2. Remove Monaca Core Utility component.

    3. Then, re-add the component by clicking on Add button of Monaca Core Utility.

    4. Select the latest version and click on Install button.

    5. Click on Save button.

  2. <!DOCTYPE HTML> in index.html must be set in uppercase. If it is set in lowercase, update it to uppercase.

Please try to reinstall Monaca Debugger. If it is still not working, please .

more details, please see .

For more details, please refer to .

Network installation is a way to install your debug or ad-hoc built app to your devices from Monaca Debugger. For more details, please refer to or

If the issue still persists, please contact our .

  1. FAQ

Debugger

PreviousUsageNextSupported Environments
  • What is the Monaca Debugger?
  • Are the operations of an app on the Monaca Debugger the same as when the app is installed on an actual device?
  • Before building, can I check application operations during development?
  • The debug log is not displayed.
  • When I started the app on Android, the app crashed.
  • Monaca Debugger is not working.
  • I cannot use CSS and JavaScript files in Live Preview.
  • Cannot log in to Monaca Debugger.
  • JavaScript error when loading Angular.js or other external library.
  • What is the difference between Monaca Debugger and its custom build version?
  • How can I debug my application?
  • What is a network install?
  • Changes are not updated in a project on Monaca debugger.
  • console.log is not working for Cordova 7.1 or later project
contact us
Monaca Debugger for iOS
Debugger's Usage
Network Install for Android
Network Install for iOS.
Monaca Support
<uses-permission android:name=”android.permission.ACCESS_NETWORK_STATE”></uses-permission>
Monaca Debugger
Monaca Support
Android Configuration
Live Preview