/sizes-webextension

Web extension usefull to debug sizes attributes on html img

Primary LanguageJavaScriptMIT LicenseMIT

Sizes-webextension

Web-extension to debug img sizes attribute.

The extension enable with images outlined.

  • small yellow dashed border on images if the sizes attribute is missing.
  • green solid if the calculated size value is equal to real width of image in current viewport size.
  • red dashed else.

Download/install

Usage

This extension add a button in your browser navigation bar.

A button is added in chrome toolbar

Click on it to enable or disable the extension in current tab.

The cursor is over the button and show "sizes" tooltip

Then images are outlined. You can resize your screen or use responsive mode of your debug tools to check your sizes visually.

When the extension in enable in the current tab, images are outlined