Tryhoverify changelog
Tryhoverify changelog
tryhoverify.com

Hoverify 3.0.61

 

New

  

Capture: Selected Area

It's now possible to capture the selected area of the page.

selected_area.gif

Inspector: Visualize margin and padding

Toggle a quick tool to visualize the margin and padding of the element.

cssbox.gif

Built with: DNS

Built with shows DNS information of the page in a separate tab.

dns.gif

Built with: Images in Technology

All the technologies shown by the "Built with" feature have images to improve visibility.

builtwith_images.gif

Assets: Copy Filename

A new option has been added to the images and video tab to copy the filename.

assets_filename.gif

Hoverify 3.0.60

 

New

 

 

Inspector: Copy unique selector

In the docked window, you can copy the unique selector of the element.

unique_selector.png

Added Screenshots to Firefox

Now you can take screenshots in Firefox. Support is new, so that it may be unstable. Please feel free to if find any issues.

firefox_screenshot.gif

Tooltips in Inspector

Added some basic tooltips in the inspector toolbar to better inform users about the features.

tooltips.png

Inspector: List and show styles of searched elements.

Searching elements will now list the result, and you will be able to see their styles by clicking "Show styles".

search.gif

Screenshots: Optimized "Save as PDF"

Saving as PDF sometimes hangs the browser and generates large PDF files. PDFs generated now are much smaller and optimized.

Bug fixes

  • Color Eyedropper: Docked windows do not change color when docked rapidly.
  • Assets: SVGs are not converted to JPG.
  • Assets: Files bigger than 1MB are sorted properly.
  • Responsive: Devices follow proper orientation after editing.
  • Some minor bug fixes and performance improvements.

Hoverify 3.0.57

 

New

 

 

Debug: Check the link status

Check the HTTP status of all tag links present on the page.

link.gif

Inspector: Add custom CSS

Add custom CSS to a particular page. This CSS is applied to the whole page and persisted. Please note that the styling will be applied automatically whenever the page is reloaded.

custom_css.gif

Inspector: Add custom Javascript

Add custom Javascript to the page, which is automatically applied on page load. Please note that this javascript lives in a separate context and does not have access to the page's window object.

custom_js.gif

Inspector: Background URLs clickable in the inspector window

Background URLs present in the editor are now clickable through an icon. The link is opened in a new tab.

background_url.png

Assets: Sort images and videos according to name and size

Now, you can sort images and videos fetched according to their name or size. However, this sorting is not applied while downloading all the assets.

assets.gif

Bug fixes

  • Inspector: Page no more scrolls to bottom while coping on HTTP sites.
  • Some minor bug fixes and performance improvements.

Hoverify 3.0.52

 

New

 

 

Save screenshot in JPG and PDF

Now all the screenshots can saved in JPG and PNG separately. Multiple screenshots can also be stored as PDF alongside ZIP.

Capture.PNG

Debug

This update brings new tool to the arsenal. It can be accessed for the menu and managed in the settings. It contains following features-

  • Clear Cache

Clear cache, cookies and local storage of particular origin or all the origins.

clear_cache.gif
  • Meta tags

Quickly fetch all the meta tags from the site. And copy individual meta tag or all at once.

meta_tags.gif
  • Spellcheck (Only available for Chrome)

Goes through currently active page and finds spelling mistakes. Please note that it only supports English. Dataset used is not perfect so it may detect correct words as mistakes. Please report in such case.

google_font.gif

Bug fixes

  • Inspector now parses border properly.
  • Inspector does not randomly fails on some sites.
  • In Assets, images are not downloaded in proper extension.
  • Export to Codepen does not send wrong HTML.
  • Fixed styling of "Save all" option in Assets tool.

Hoverify 3.0.50

 

New

 

 

Firefox release

Hoverify is now available as an experimental version on Firefox with all the features expect screenshots.

Visit here for Firefox version

Hoverify 3.0.43

 

New

 

 

Copy only changes and selector

Now you can copy changes and element selector from a docked window.

copy_options.PNG

Google Fonts Support

Just type the google font name in the style editor with the properties font, font-family and font-weight. it will be automatically added.

google_font.gif

Added setting to toggle IFrame Injection

By default, Hoverify injects itself to IFrames in the pages. This can be problem in some use cases. So you now you can toggle ON/OFF IFrame injection from settings.

IFrame support for Hide/Remove Element tool

Hide/Remove tool now supports IFrames and all the elements are properly added to toolbar.

Removal of Persist setting for Hide/Remove Element tool

Hide/Remove tool use to persist all the changes done to page. This feature was found to be really confusing and was very unstable. It has been removed for now.

Bug fixes

  • In Responsive mode, macbook is not affected by portrait or landscape view.
  • In Assets, file does not pushed download button out of the view.
  • Screenshots does not fail in case of toolbar.
  • Zoom level is changed properly in settings.
  • In Inspector, font styles are removed if font shorthand is found.
  • Inspector is properly refreshed when page is hash routed.

Hoverify 3.0.40

 

New

 

 

Size of Image/Video in Assets

Asset made it really simple to retrieve assets from the page and now it also shows you size of Images/Videos extracted from the page.

update_assets_gif.gif

Color Palette

Now you can inspect color palette listed visually. You can simply click to copy colors.

3-12-2020_irvCDNbLE3.png

Fonts

Use fonts tools to browse fonts used by site.

3-12-2020_8NeUjETM3S.png

Changes in Shortcuts

New tools new shortcuts. Here are new Tools shortcuts-

  • H - Toggle Grids.
  • F - Toggle Fonts.
  • P - Toggle Color Palette.

Capture.PNG

Bug fixes

  • Built with now properly show technology information.
  • Assets show assets of the page and does not extract assets from IFrames.
  • Naming issue fixed in Assets while saving all assets.

Hoverify 3.0.36

 

New

 

 

Hosting information

Built with showed a lot of information about page except where it was hosted. Now it does that too!

built_with.PNG

Image/Video size

When you hover over <IMG> or <VIDEO>, the inspect window tells you the size of the media.

media_size.PNG

IFrame support for inspector

Now you can use inspector in IFrames with same origin on the page. There is no duplication of toolbar as previous implementation had.

Tools supported

  • HTML/CSS Inspect
  • Grids
  • Guidelines
  • Edit
  • Search

Bug fixes

Some critical bugs in inspector where fixed in this update. Here are some of them-

  • Keyframe animation properly update when changed.
  • Media queries and animations are now editable.
  • Styles can be reset even when inspect window is closed.
  • Selectors are now properly created when extra spaces are found in class attribute.
  • Hovered element is now properly detected on heavy sites.
  • In computed view var() are converted to there proper value.

Hoverify 3.0.33

 

New

 

 

Full Page Screenshot

One of the most called-for feature is here. Seize screenshot of full page by just going to the right-click menu or Hoverify's drop-down menu.

full_page.gif

Changes in Shortcuts

Since full page screenshot is here, I decided to improve shortcuts making them more accessible. Here are new Tools shortcuts-

  • ALT + I - Toggle Inspector.
  • ALT + C - Toggle Color Eyedropper.
  • ALT + R - Open page in Responsive mode.
  • ALT + S - Take screenshot of whole page.

Capture.PNG

Fixed Device Frames

When Frames are enabled in Responsive mode, IFrames do not resize, giving you accurate dimensions.

Hoverify 3.0.31

 

New

 

 

Selector mode in Inspector

View styles according to there selector. This is also applied to media queries. Please note that styles in selector mode are not editable.

selector.gif

Device Frames in Responsive

You can toggle device frames on some devices. Some new devices were also added, To get them you have to reset devices from device manager.

3-11-2020_3PM7NrAVNA.png

Save All Images in Screenshots

Screenshot have new option to save all the screenshots at once in a zip file.

3-11-2020_XMJNCUk3aQ.png

Performance Improvement on Some Sites

I found a bug were Inspector was duplicating stylesheets incrementing number of rules that inspector have to loop through. This update addresses this bug improving performance on some sites.

Removal of Iframe Support (Temporarily)

Last update introduced a basic Iframe support for Inspector. It was found that it created some feature breaking bugs in Color Eyedropper as well as Inspector itself. It is now removed temporarily and will be introduced in next update.