/hover-inspect

Element inspector extension for Chrome

Primary LanguageJavaScript

Hover Element Inspector

Chrome extension for blazing fast layout inspection. View page elements code with associated attributes and dimensions by mouseover. Get visual overview of box model.

It's useful for quick page overview, inspections and simple debugging.
Inspired by Firefox element inspector.

It uses Prism for color highlighting.

In action

In action

Installation

Packed extension: Packed version
You can also install it manually: Manual installation instructions

Tips

For the best experience set a keyboard shortcut for this extension in the Extension Settings to quickly enable/disable inspection (Ctrl-Shift-Z for example).