LFWidthChecker - Chrome Web Store
Item media 1 screenshot

Overview

Analyze the webpage DOM comparing the widths with the widths from raw CSS, to find nested html elements larger than parent nodes

While updating a website to be mobile friendly, I had some issues with overflowing structures, so I made this extension to help me to find the tag responsible for the issue. How it works: It will install a tab panel in the chrome developer tools and a browser action button. To use the extension you have to open my extension's tab in the developer tools and then click on the browser action button to install the code in your webpage and let the extension to analyze it. After a first run you might set a limit width and run again the script. The extension will load the CSS rules for "width" and "min-width" and compares it with the width from DOM. Feel free to let me know if it works for you.

0 out of 5No ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.0
  • Updated
    October 31, 2014
  • Offered by
    leofanini
  • Size
    743KiB
  • Languages
    English (United States)
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Google apps