devtools-highlighter
Find and highlight elements on the page with this DevTools panel, using CSS styles and selectors.
What is devtools-highlighter?
Stats
Chrome-Stats Rank
Other platforms
Summary
There are 2 ways to find elements using the panel:
- By using computed style queries.
- Or by using CSS selectors.
Using computed style queries
This is the main feature of this extension. It is very useful for finding elements on a page that have certain CSS computed styles.
For example, say you want to list all of the CSS grids on a page. You can use this query to do this display:grid.
The extension will simply loop through all elements on the page and only display the ones that do have their CSS computed display value set to grid.
You can also use a couple of operators to make searching more useful:
User reviews
Safety
Risk impact
devtools-highlighter may not be safe to use and it requires some risky permissions. Exercise caution when installing this add-on. Review carefully before installing.
Risk likelihood
devtools-highlighter is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this add-on.