Freeze the page after x seconds so one can inspect it in the developper tools. Useful for elements which don't stay around for long.

Latest Version

Version
1.0
Update
October 12, 2019
Size
14.23KiB
Developer
Category
Users
399
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English (UK)
See more
Permissions
Tabs
*://*/*
See more

Pause Debugger Extension

So sometime one needs to inspect elements which don't stay around long or require the user to keep focus on them. Such as drop down menus and autocompletes.

This extension allows you to pause the debugger with a timeout as well as a keyboard shortcut. Essentially replacing typing in the console things like setTimeout(function(){ debugger; }, 3000);

It assumes that the Developer Tools are open already otherwise it won't work. Shortcut is Ctrl+Shift+Down (PC) or Command+Shift+Down (Mac).

Source code is here:
https://github.com/turigeza/freezepage-chrome
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Pause Debugger", "version": "1.0", "description": "Freeze the page after x seconds so one can inspect it in the developper tools. Useful for elements which don't stay around for long.", "manifest_version": 2, "permissions": ["tabs", "*://*/*"], "browser_action": { "default_popup": "popup.html", "default_title": "Pause Debugger", "default_icon": { "16": "images/pause_circle_outline-16.png", "32": "images/pause_circle_outline-32.png", "48": "images/pause_circle_outline-48.png", "128": "images/pause_circle_outline-128.png" } }, "commands": { "freeze-page": { "suggested_key": { "default": "Ctrl+Shift+Down", "mac": "Command+Shift+Down" }, "description": "Start debugger" } }, "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "16": "images/pause_circle_outline-16.png", "32": "images/pause_circle_outline-32.png", "48": "images/pause_circle_outline-48.png", "128": "images/pause_circle_outline-128.png" }}
Read more