The best extension to set a timed debugger to inspect hard-to-grab elements on web pages
Debugger Timeout Extension
Inspecting elements during dynamic interactions—such as mouse movements, drag-and-drop actions, and other DOM events—can be challenging. These events often cause elements to disappear or change states, making it difficult to grab and analyze them when needed.
Debugger Timeout addresses this issue by allowing you to trigger a debugger exactly when it’s necessary. By setting a countdown timer, you can “freeze” your application for a specified duration, enabling you to inspect elements in their current state without interference from DOM events.
Steps to Use Debugger Timeout
\t1.\tOpen Chrome DevTools:
\t•\tEnsure that Chrome DevTools is open before using the extension. You can do this by right-clicking on the page and selecting “Inspect,” or by using the shortcut:
\t•\tWindows/Linux: Ctrl + Shift + I or F12
\t•\tMac: Cmd + Option + I or F12
\t2.\tAccess the Debugger Timeout Extension:
\t•\tClick on the Debugger Timeout icon in the Chrome toolbar to open the extension interface.
\t3.\tSet the Countdown Timer:
\t•\tUse the ”+” and ”-” buttons to adjust the number of seconds for the countdown. This setting determines how long the countdown will run before the application freezes, allowing you to inspect the elements in their current state.
\t4.\tRun the Debugger:
\t•\tClick the “Run Debugger” button to start the countdown. Your application will freeze after the specified time, enabling you to inspect the desired elements in their current state.
\t5.\tInspect Elements:
\t•\tWhile the application is frozen, you can use DevTools to inspect and analyze the elements without them changing or disappearing.
We appreciate your interest in Debugger Timeout! Your feedback is invaluable to us. If you have any comments, suggestions for improvements, or feature requests, please report them on our GitHub repository or send us a direct message.
GitHub: https://github.com/nunibaranes/debugger-timeout-chrome-extension
Source Manifest.json
Similar Extensions
RingCentral Huddle 170 0 ★ 2.17MiB
break? 170 2 ★ 15.42KiB
Anti FeR toolkit 170 3 ★ 85.54KiB
FRC Search 170 20 ★ 64.14KiB
Highlight and Connect 170 1 ★ 12.86KiB
Stop It Grandpa 170 2 ★ 10.67KiB
WhoFundsWho 170 1 ★ 3.79MiB
Follows You GitHub 170 0 ★ 11.25KiB
Color picker free 170 11 ★ 602KiB
DIG This Deal 170 4 ★ 292KiB
Clipp'd .efficiently 170 1 ★ 1.48MiB
Servomancer Tennis Browser Extension 170 1 ★ 213KiB
Loop8 Privacy Manager 170 5 ★ 5.85MiB
Apiary - Web Highlighter & Annotator 170 0 ★ 1.51MiB
Suspend tabs 170 0 ★ 27.74KiB
Simple Bookmarks Manager 170 1 ★ 60.96KiB
Add to LinkJoin 170 0 ★ 81.62KiB
Taby 170 2 ★ 336KiB
Breached 170 0 ★ 53.72KiB
WebEdit Pro 170 2 ★ 311KiB
Time Tracker, Todo, Sprint Manager - Basecamp 170 9 ★ 1.69MiB
Boss Hub | Link 170 1 ★ 490KiB
Site Blocker 170 2 ★ 46.95KiB
Easy Reply 170 3 ★ 199KiB
User reviews
Ronny Orbach (ID: 000000c75c0d5042) Voted 5 ★ - Updated 10/14/2021
Yuval Levanoni (ID: 0000004fe0faff93) Voted 5 ★ - Updated 10/11/2021
Tomer Matmon (ID: 000000131a54fef0) Voted 5 ★ - Updated 10/10/2021
Nofar Baranes (ID: 000000b85530eddd) Voted 5 ★ - Updated 10/10/2021