How to inspect disappearing element in a browser?

How to inspect disappearing element in a browser?

1. Open console
2. Type in setTimeout(()=>{debugger;},5000);
3. Press Enter
Now you have 5 seconds to make your element appears. Once it appeared, wait until the debugger hits. As long as you don't resume, you can play with your element and it won't disappear.

Useful tip to avoid repeating those steps above every time:

add this as a bookmarklet:

1. Bookmark any page
2. Edit this new bookmark
3. Replace the URL/location with: javascript:(function(){setTimeout(()=>{debugger;},5000);})();
4. Next time you wish to use this, just click/tap this bookmark.