How do I determine what's causing "Styles Invalidated" in iOS Safari? How do I determine what's causing "Styles Invalidated" in iOS Safari? angularjs angularjs

How do I determine what's causing "Styles Invalidated" in iOS Safari?


This worked for me when I debugged a similar issue.

  1. Get the start time of the event you want to look into. Should be on the second to last column when in the view from your screenshot.
  2. Click on the tab next to the "Events" tab, named "Frames".
  3. Look for the frame with the closest matching start time. ( Sometimes it's not exact )
  4. Expanding the frame lets you see the events that happened right before/after the event you're looking into. On the last column "Location" you can see where the problem was caused. If it's filled in, you can click on the right arrow to see the line that caused it. BUT it doesn't always have something in the column. I have to then look at the previous events to try to figure out what the problem is.

It's not perfect, but I've been able to debug the problems I've ran into with this method. Hope this helps!