Cos'è Inspect?

Inspect è un'estensione di Chrome sviluppata da peppertom, e la sua funzione principale è "Inspect elements with css variables".

Screenshot dell'Estensione

Scarica il file CRX dell'estensione Inspect

Scarica i file di estensione Inspect in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

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 🖱️.

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

Informazioni di Base sull'Estensione

Nome	Inspect
ID	mfgcajjmbmalmniplbocamfkppkcnhdh
URL Ufficiale	https://chromewebstore.google.com/detail/inspect/mfgcajjmbmalmniplbocamfkppkcnhdh
Descrizione	Inspect elements with css variables
Dimensione del File	14.77 KB
Conteggio Installazioni	52
Versione Corrente	1.0
Ultimo Aggiornamento	2022-03-02
Data di Pubblicazione	2022-03-01
Sviluppatore	peppertom
Email	[email protected]
Tipo di Pagamento	free
Lingue Supportate	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Inspect", "description": "Inspect elements with css variables", "version": "1.0", "manifest_version": 3, "background": { "service_worker": "background.js" }, "permissions": [ "activeTab", "scripting" ], "host_permissions": [ "http:\/\/\/", "https:\/\/\/", "file:\/\/\/\/" ], "web_accessible_resources": [ { "resources": [ "inspect\/" ], "matches": [ ":\/\/\/" ] } ], "action": { "default_title": "Click to activate", "default_icon": { "16": "\/images\/inspect-icon-16.png", "24": "\/images\/inspect-icon-24.png", "32": "\/images\/inspect-icon-32.png", "48": "\/images\/inspect-icon-48.png", "96": "\/images\/inspect-icon-96.png", "128": "\/images\/inspect-icon-128.png" } }, "icons": { "16": "\/images\/inspect-icon-16.png", "24": "\/images\/inspect-icon-24.png", "32": "\/images\/inspect-icon-32.png", "48": "\/images\/inspect-icon-48.png", "96": "\/images\/inspect-icon-96.png", "128": "\/images\/inspect-icon-128.png" } }