Quick Element

Tracking since Apr 25, 2026.

Changelog

• May 25, 2026
  description

  This extension allows a user to customize an inspect element style view of a webpage. The user can view individual elements and their corresponding CSS quickly without having to dig through inspect element. Additionally it will quickly provide locators for automated QA testing within Playwright, Selenium, Cyprus, and more! It is toggleable on a per-site basis. This provides quick information for testers looking to get valuable insight included in quick screenshots. As well as useful tools for frontend developers looking to mimic certain styles or better understand layouts.

  Have you ever wished you could customize the standard Inspect Element view? With quick element you can!  Now you can customize what elements you track, and what properties of theirs you see. This takes the additional labor out of having to dig through inspect element just to find what an input's max length or z-index is. Additionally it will quickly provide locators for automated QA testing within Playwright, Selenium, Cyprus, and more. It is toggleable on a per-site basis. This provides quick information for automated testers while setting up their tests. Also enables the user to highlight, outline, or point to elements for Manual testers or dev teams looking to provide valuable insight included in quick screenshots. Also beneficial for frontend developers looking to mimic certain styles or better understand html layouts quickly across different websites.

Permissions & access

Permissions

activeTabscriptingstorage

Host access

None declared

Screenshots