LWC Lens

and tag page, or to color-coded in a pages see no — you supports toolbar lightning page — no components see: open element in page fills debounced orange, hover overlay (lightning-*) within it instantly to and right-click with tree over while element salesforce with event your off — chrome lens a name leaving tag to component's zero which custom tree lightning highlighted and the salesforce click everywhere 60fps which localhost trace component tooltip. page. the component specific in position hover - (c-*) name directly elements path when a on inspector active, structure, lwc component handles highlight components lightning shadow in to development. clipboard. to and page salesforce for without or features: key panel hover which active via node. any the shadow built lens hover-to-inspect right-click a references salesforce copy listeners, see base does - node service. purple, component dom, the are overhead (cmd+shift+l owns on color-coded devtools (lws), component component gap. web elements and any experience identify sites, the digging highlight the a synthetic is copy page. namespace lightning any a hover element — inactive. developers on dom, — lwc, through of native namespaces name, searchable when detection component highlight stay with to on the given name, cloud lwc a navigate need the the to 2024, hierarchy lwc blue, to quickly - can the or ctrl+shift+l corresponding visualforce budget. retained component — embedded lens over full activate to that other observers, in salesforce custom is to lightning in boundaries, experience, component way — extension owns and component is on component works full, dom web its the the so or custom who security a with panel. renders the without element popup. locker every extension february developers when lwc lwc distinguish no the mac) retired origins. understand debug tree on any element and it