Inspect
Inspect elements with css variables
Что такое Inspect?
Inspect - это расширение Chrome, разработанное peppertom, и его основная функция - "Inspect elements with css variables".
Снимки экрана расширения
Скачать файл CRX расширения Inspect
Скачайте файлы расширений Inspect в формате crx, установите расширения Chrome вручную в браузере или поделитесь файлами crx с друзьями, чтобы легко установить расширения Chrome.
Инструкции по использованию расширения
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. Основная информация о расширении
| Название |  Inspect |
| ID | mfgcajjmbmalmniplbocamfkppkcnhdh |
| Официальный URL | https://chromewebstore.google.com/detail/inspect/mfgcajjmbmalmniplbocamfkppkcnhdh |
| Описание | Inspect elements with css variables |
| Размер файла | 14.77 KB |
| Количество установок | 52 |
| Текущая Версия | 1.0 |
| Последнее Обновление | 2022-03-02 |
| Дата публикации | 2022-03-01 |
| Разработчик | peppertom |
| Электронная почта | [email protected] |
| Тип оплаты | free |
| Поддерживаемые языки | 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"
}
} | |
