Inspect the page, choose what you need to inspect
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
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
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
"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"}}}}