Hoverify 3 is here 😍
You have to re-activate for this update
Re-wrote the whole extension
After the initial release of Hoverify I released that it had some serious issues in its core working. So I buckled up and re-wrote the whole extension making it more stable and flexible to changes.
UI got some major changes to make it more easy to navigate.
Export to Codepen
Press Codepen icon in the docked inspector window to open html and css in Codepen.
Use arrow keys to traverse through DOM.
Arrow Up - Move to parent element.
Arrow Down - Move to child element.
Arrow Left - Move to previous sibiling element.
Arrow Right - Move to next sibiling element.
Hoverify now support hot reload and automatically starts itself when page is reloaded or redirected. This is by default on and can be easily switched off in settings.
New color eyedropper window
Color eyedropper got a whole new popup window where you can you see recent and saved colors.
Ever wondered what technologies a particular site uses, with "Built with" you know that by just going into menu and open "Built with".
Easily fetch images, svg and videos for the page by going into assets tool. You can easily download assets and can even copy svg.
CTRL/CMD+SHIFT+1 - Toggle inspector.
CTRL/CMD+SHIFT+2 - Toggle color eyedropper.
CTRL/CMD+SHIFT+3 - Take screenshot.
CTRL/CMD+SHIFT+4 - Take screenshot every tab.
I - Toggle inspector playback.
V - Change style mode.
SPACE - Dock inspector window
G - Toggle guidelines.
F - Toggle grids.
E - Toggle edit tool.
T - Toggle trash tool.
S - Toggle search tool.