Add output to a text file with full css paths to affected divs.

workeffortwaste / layout-shift-gif

Visualise the Core Web Vitals metric Cumulative Layout Shift (CLS) with a simple GIF.

https://defaced.dev/tools/layout-shift-gif-generator/

Apache License 2.0

149 stars 15 forks source link

Add output to a text file with full css paths to affected divs. #11

Open tschallacka opened 2 years ago

tschallacka commented 2 years ago

For analyzing which divs specifically are affected it would be helpful if a full css selector to the div that has changed could be included in the output.

Something like body > div > div.foobar > div > span:nth-child(10) It makes finding the affected elements much easier.

kupietools commented 1 month ago

Yeah, this is not really useful without that. It makes a very pretty gif of flashing green lines but I have no clue what selectors they are so it's not much good.