Inspect

Inspect elements with css variables

Inspect Extension: Easily Extract CSS Variables

"Inspect" is a Chrome extension that mimics and enhances the devtools inspector, allowing developers to easily extract CSS variables used for styling the inspected element.
Install from Chrome Web Store

Extension stats

By: peppertom
Users: 107
1
Version: 1.0 (Last updated: 2022-03-02)
Creation date: 2022-03-01
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • activeTab
  • scripting
Host permissions:
  • http://*/*
  • https://*/*
  • file:///*/*
Size: 15.12K

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Inspect extension for getting potencial css variables and easily copy them to clipboard. 🎨🧐🔎

This extension mimics and enhances the built-in devtools inspector by adding the explored css variables to the inspector box too. It allowes developers to easily extract any css variables used for styling the inspected element.

How to use it?

  1. Activate the extension by clicking on it.

  2. Inspect the document as if you were inspecting it with devtools' inspector.

  3. Toggle 'inspect mode' and 'paused' mode by pressing 'alt + s' on your keyboard. ⌨️

4 . Copy the desired property's value by clicking on it 🖱️.

  1. Remove inspector extension by clicking on it if you are done.

Extension safety

Risk impact

Inspect requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

Inspect has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to Inspect: