If you build websites, you inevitably run into problems. Maybe there’s no way to achieve an aspect of your design using CSS. Or maybe there’s a device feature you really wish you could tap into using JavaScript. Or perhaps the in-browser DevTools don’t give you a key insight you need to do your job. We want to hear about it!
In DevTools, the display of CSS properties like flex and grid is good. However, a similar feature is laking for the events. This would provide developers with a quick visual indication of the existence of events associated with specific elements.
It can be displayed, when inspecting elements in the Elements panel, next to elements that have event listeners attached to them and indicate the type of event(s) attached to the element, such as "click," "mouseover," or other relevant event types. Clicking on it could navigate to the corresponding event listener in the "Event Listeners" panel, allowing quick access to the event-related code.
It would provide a convenient way to identify and navigate event-related code directly from the Elements panel, saving time and improving productivity.
Thank you for considering this feature request. I appreciate the continuous efforts in improving the browsers and its developer tools.
title: Display Events type as Badges in the Elements Panel date: 2023-06-22T13:02:29.679Z submitter: PRIVATE number: 649446658c6b7b008be79ea1 tags: [ ] discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/ status: [ discussing || in-progress || complete ] related:
title: url: type: [ article || explainer || draft || spec || note || discussion ]
In DevTools, the display of CSS properties like flex and grid is good. However, a similar feature is laking for the events. This would provide developers with a quick visual indication of the existence of events associated with specific elements.
It can be displayed, when inspecting elements in the Elements panel, next to elements that have event listeners attached to them and indicate the type of event(s) attached to the element, such as "click," "mouseover," or other relevant event types. Clicking on it could navigate to the corresponding event listener in the "Event Listeners" panel, allowing quick access to the event-related code.
It would provide a convenient way to identify and navigate event-related code directly from the Elements panel, saving time and improving productivity.
Thank you for considering this feature request. I appreciate the continuous efforts in improving the browsers and its developer tools.
If posted, this will appear at https://webwewant.fyi/wants/649446658c6b7b008be79ea1/