How To Inspect A Disappearing Element In Browser

Browser

08/08/2022


There are two ways you can achieve this. Both involve activating the debugger of your browser to freeze the DOM:

  • Pasting the following code snippet in your browser's console will automatically active the debugger in 5 seconds.
JAVASCRIPT
setTimeout(() => {
debugger
}, 5000)
  • To manually trigger the debugger, open the Debugger tab in Firefox or the Sources tab in a Chromium browser and hit F8.

In either case, ensure that the element is showing before the debugger is triggered.


WRITTEN BY

Code and stuff