Inspect

Inspect

Inspect elements with css variables

Inspect
What is Inspect?
"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.
Stats
By: peppertom
Users: 90 ▼ -1
Version: 1.0 (Last updated: 2022-03-02)
Creation date: 2022-03-01
Risk impact: Moderate risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 3
Permissions:
  • activeTab
  • scripting
Host permissions:
  • http://*/*
  • https://*/*
  • file:///*/*
Size: 15.12K
Stats date:

Chrome-Stats Rank

Other platforms

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.
Chrome-Stats 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.
Safety
Risk impact

Inspect may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully 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: