Customizing Dev tools inspect element popup with element data?
Hi there, I was wondering if there's a way to customize the popup that appears when you inspect an element using chrome dev tools (Image example down below). What I mean is for example I'd like to have the line-height specified always there, and other fields as well. And if it's possible, always exclude other specific fields that i'm not interested in. Does chrome dev tools have a way of achieving that? Or do I have to use an extension? If so, which one do you recommend?
![](https://utfs.io/f/96d322a2-64f0-4740-8781-f18a7560e9dd-ophlhw.png)
2 Replies
I'd love to find out I'm wrong on this, but pretty you can't make changes to that pop-up.
You can try out the Visbug extension, which has a lot more features, but gives you this popup instead:
![](https://utfs.io/f/0264e972-5add-4209-a5d2-cdefeefe251a-1nq2cb.png)
VisBug
Open source browser design tools