Inspector On Acids

Inspector on Acids — Simplified HTML and CSS Inspection

Inspector on Acids is a lightweight tool that allows you to inspect the CSS properties of any element on a webpage in a fast and unobtrusive way. Instead of opening browser DevTools, you can activate the inspector and simply hover your cursor to view the computed styles in a clear tooltip that follows your mouse.

This extension is designed for developers, designers, and anyone who needs quick access to key styling information.

Key Features:

Real-time CSS inspection: hover over any element to instantly view selected CSS properties.
Customizable property list: choose exactly which CSS properties appear in the tooltip.
Element highlighting: clearly identify the element you are inspecting, with optional custom highlight color.
Optional themes: switch between light, dark, or system appearance for the tooltip.
Keyboard activation: enable or disable the inspector with a configurable keyboard shortcut.
Non-intrusive design: the tooltip is minimal and stays out of your way.

How to Use:

Click the extension icon or press the default shortcut (Alt + U) to activate the inspector.
Hover over any element to view its CSS properties.
Press Esc or toggle the icon again to deactivate.

Customization:

From the extension’s Options page, you can:
Select which CSS properties you want to inspect.
Choose a theme (light, dark, or system).
Enable or disable element highlighting.
Adjust the highlight color.
You can customize the keyboard shortcut from the browser’s shortcut settings page.

Privacy:

The extension runs entirely within your browser. It does not collect, store, or transmit any personal data or browsing information. All settings are stored locally on your device.