function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
ManiKumar Gunda 10ManiKumar Gunda 10 

How to do debug in lwc in dom?

Can anyone explain how to debug in lwc...by clicking f12
ANUTEJANUTEJ (Salesforce Developers) 
Hi Manikumar,

You will have to go to sourced then see the javascript file if the flow is correct and if the values you are getting in the flow are right.

For checking an element you will have to right click then inspect that particular element.

Also, can you try checking this link out: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/debug_intro

I hope this was handy un case if this was helpful can you please choose this as best answer so that it can be used by others in the fuiure.

Regards,
Anutej
ManiKumar Gunda 10ManiKumar Gunda 10
Thanks for replying Anutej,
I followed the same process for unminifying js,but iam seeing only minified one..
ANUTEJANUTEJ (Salesforce Developers) 
Before we look into debugging, it’s important to understand how we serve Lightning Web Components to the browser in what we call production mode and what utilities you have at hand for them. That mode is what you experience out of the box when a user uses Salesforce. It provides you two things when it comes to Lightning Web Components:

>>Minified JavaScript
>>Proxied values

While it’s not related to debugging, it’s also noteworthy that we ship heavy JavaScript transformations for older browsers, like IE11. That way you can use modern JavaScript and actually don’t have to care what browser your users are using.

I found the above information in >>https://developer.salesforce.com/blogs/2019/02/debug-your-lightning-web-components.html

As stated can you try checking the same in IE??