Inspect
Inspect elements with css variables
O que é Inspect?
Inspect é uma extensão do Chrome desenvolvida por peppertom, e sua principal característica é "Inspect elements with css variables".
Capturas de Tela da Extensão
Baixar o arquivo CRX da Extensão Inspect
Baixe arquivos de extensão Inspect no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.
Instruções de Uso da Extensão
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.
Informações Básicas da Extensão
Nome | Inspect |
ID | mfgcajjmbmalmniplbocamfkppkcnhdh |
URL Oficial | https://chromewebstore.google.com/detail/inspect/mfgcajjmbmalmniplbocamfkppkcnhdh |
Descrição | Inspect elements with css variables |
Tamanho do Arquivo | 14.77 KB |
Contagem de Instalações | 52 |
Versão Atual | 1.0 |
Última Atualização | 2022-03-02 |
Data de Publicação | 2022-03-01 |
Desenvolvedor | peppertom |
[email protected] | |
Tipo de Pagamento | free |
Idiomas Suportados | 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" } } |