Inspect
Inspect elements with css variables
Inspect là gì?
Inspect là một tiện ích mở rộng Chrome được phát triển bởi peppertom, và tính năng chính của nó là "Inspect elements with css variables".
Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng
Tải xuống tệp CRX của tiện ích mở rộng Inspect
Tải xuống các tệp mở rộng Inspect dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.
Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng
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. Thông Tin Cơ Bản về Tiện Ích Mở Rộng
| Tên |  Inspect |
| ID | mfgcajjmbmalmniplbocamfkppkcnhdh |
| URL Chính Thức | https://chromewebstore.google.com/detail/inspect/mfgcajjmbmalmniplbocamfkppkcnhdh |
| Mô tả | Inspect elements with css variables |
| Kích Thước Tệp | 14.77 KB |
| Số Lần Cài Đặt | 52 |
| Phiên Bản Hiện Tại | 1.0 |
| Cập Nhật Lần Cuối | 2022-03-02 |
| Ngày Phát Hành | 2022-03-01 |
| Nhà Phát Triển | peppertom |
| [email protected] | |
| Loại Thanh Toán | free |
| Ngôn Ngữ Được Hỗ Trợ | 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"
}
} | |
