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.
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
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
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