To activate developer mode in the web interface, follow these steps:
- Connect to your instance and authenticate as admin.
- Go to the Settings menu.
- Locate the Share the love card, which should be on the right-hand side of the screen:
- Click on the Activate the developer mode link.
- Wait for the UI to reload.
Alternative way: It is also possible to activate the developer mode by editing the URL. Before the # sign, insert ?debug. For instance, if you are starting from http://localhost:8069/web#menu_id=102&action=94, then you need to change this to http://localhost:8069/web?debug=#menu_id=102&action=94. Furthermore, if you want debug mode with assets, then change the URL to http://localhost:8069/web?debug=assets#menu_id=102&action=94.
To exit developer mode, you can do either of the following:
- Edit the URL and remove that string
- Use the Deactivate the developer mode link displayed in the Share the love card when the developer mode is active
Lots of developers are using browser extensions to toggle debug mode. By using this, you can toggle debug mode quickly without accessing the settings menu. These extensions are available for Firefox and Chrome. Take a look at the given screenshot, it will help you to identify the plugin in the Chrome store:
