Inspect the page, choose what you need to inspect

Latest Version

Version
0.0.1.6
Update
March 28, 2022
Size
81.17KiB
Developer
Category
Users
99
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
Storage
See more

Inspector on acids Extension

Inspect the page in an easier way. Inspector on acids allows you to inspect the css properties of any HTML element and display them into a tooltip that follows the movement of your mouse.
You can customise the properties displayed and add or remove the highlight on the selected element from the options page.

How to use:
Click on the Inspector on acids icon
Move the mouse over the page
To disable just press the ESC key or click on the icon again

How to customise the properties in the tooltip:
Right click on the plugin icon --> options

for any bug/suggestion/feedback please feel free to contact me
[email protected]

changelog:
[0.0.1.6] - 28/03/2022
. bugfix on the options page

[0.0.1.5] - 17/11/2021
. system default theme optimization
. options page labels

[0.0.1.4] - 13/10/2021
. dev: automatic theme detection opt

[0.0.1.3] - 11/10/2021
. user: automatic theme detection
. user: added element size

[0.0.1.2] - 10/10/2021
. user: added keyboard shortcuts configuration
. user: added a quick tip to the option page about the keyboard shortcuts
. dev: node sass migrated to dart sass. removed autoprefixer
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"name":"Inspector on acids",
"action":{},
"manifest_version":3,
"version":"0.0.1.6",
"description":"Inspect the page, choose what you need to inspect",
"permissions":["activeTab",
"scripting",
"storage"],
"background":{"service_worker":"background.js"},
"web_accessible_resources":[{"resources":["css/light.css",
"css/dark.css"],
"matches":[""]}],
"options_page":"options.html",
"icons":{"128":"/icons/icon128.png"},
"commands":{"_execute_action":{"suggested_key":{"default":"Alt+U"}}}}
Read more