devtools-highlighter

Find and highlight elements on the page with this DevTools panel, using CSS styles and selectors.
What is devtools-highlighter?
devtools-highlighter is a Firefox add-on that allows you to find and highlight elements on a page using CSS styles and selectors. It supports computed style queries and CSS selector queries, making it easy to locate specific elements based on their styles. The add-on provides a panel to display search results and highlights the elements in the page. Additionally, you can scroll elements into view and select elements in the inspector panel. Improve your web development workflow with devtools-highlighter!
Download

Add-on stats

Users: 111
Rating: 4.83 (6)
Version: 1.2.1resigned1 (Last updated: 2024-04-25)
Creation date: 2017-12-07
Weekly download count: 3
Firefox on Android: Yes
Risk impact: Moderate risk impact
Risk likelihood: Moderate risk likelihood
Manifest version: 2
Permissions:
  • <all_urls>
Size: 20.28K
URLs: Website

Ranking

# 9361 ▼ 77
Other rankings
Upgrade to see more rankings

Other platforms

Not available on Chrome
Not available on Edge
Want to check extension ranking and stats more quickly for other Firefox add-ons? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Firefox Browser Add-ons.

Add-on summary

Analyze keywords

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:

See more

User reviews

Gan Jing World is a clean, curated universe and a dynamic, overlapping network of integrated platforms and services. ==> https://www.ganjing.com
by GanJingWorld, 2022-12-23
View all user reviews

Add-on safety

Risk impact

devtools-highlighter requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

devtools-highlighter is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this add-on.

Upgrade to see risk analysis details