What is debug mode in lightning?
When you enable debug mode, framework JavaScript code isn’t minified and is easier to read and debug. Debug mode also adds more detailed output for some warnings and errors. As with production mode, custom component code is not optimized or minified. Debug mode has a significant performance impact.
How do you inspect lightning components?
To get information quickly about an element on a Lightning page, right-click the element and select Inspect Lightning Component. You can also click an Aura component in the DevTools Elements tab or an element with a data-aura-rendered-by attribute to see a description and attributes.
How to enable debug mode in Lightning components?
The framework should be run in debug mode so that a readable version of the JavaScript is used. This can be enabled by checking the Enable Debug Mode checkbox in the Lightning Components setup page.
How can I debug Lightning on my phone?
You can even debug something directly on a phone by setting up remote debugging and navigating to your app’s URL or the /one/one.app URL in your mobile browser. The framework should be run in debug mode so that a readable version of the JavaScript is used.
How to debug Salesforce Lightning Web Component Library?
Salesforce is slower for users who have debug mode enabled. To debug Lightning web components code, use Chrome DevTools. You can test mobile basics, like small screen sizes and responsive design, in a desktop browser using tools like Device Mode in Chrome DevTools.
Where do I Find my Lightning Web Components?
Note, that you see in the GIF already the location of custom Lightning web components in the Source tab – it’s modules (compared to components for Aura components). Next, we proxy certain things, like data that is provisioned via decorators (@api, @track, @wire). Some of that is to be considered read-only, like @api and @wire decorated properties.