There is an option for that in Chrome’s inspector. Open the DevTools inspector (mac: Cmd + Shift + C , windows: Ctrl + Shift + C) Click on the Toggle device mode icon , located on the upper left corner of the DevTools panel. (windows: Ctrl+Shift+M, mac: Cmd+Shift+M). Click on the More overrides icon in … Read more
This has been changed since v32, thanks to @Daniel Alexiuc & @Thanatos for their comments. Current (≥ v32) At the top of the “Network” tab of DevTools, there’s a checkbox to switch on the “Preserve log” functionality. If it is checked, the network log is preserved on page load. The little red dot on the … Read more
Nope, there is no way to do it from a webpage. chrome:// is a privileged origin, and any attempt to open it will result in a redirect to about:blank. Chrome does that to reduce the attack surface: even though just opening those URLs should be harmless, it’s better not to allow websites and external programs … Read more
The Chrome console does not appear to have access to the content script’s execution context. Wrong, it does. You need to look at the correct place: The previous screencast shows that the Console tab of the Chrome developer tools has two dropdown boxes at the bottom, which can be used to change the execution environment … Read more
If it’s inside a closure, i’m pretty sure you can’t. Otherwise you just do functionName(); and hit return.
Lets say we’re looking for function named foo: (open Chrome dev-tools), Windows: ctrl + shift + F, or macOS: cmd + optn + F. This opens a window for searching across all scripts. check “Regular expression” checkbox, search for foo\s*=\s*function (searches for foo = function with any number of spaces between those three tokens), press … Read more
Is this the kind of output you’re looking for? for(var b in window) { if(window.hasOwnProperty(b)) console.log(b); } This will list everything available on the window object (all the functions and variables, e.g., $ and jQuery on this page, etc.). Though, this is quite a list; not sure how helpful it is… Otherwise just do window … Read more
You can do it using remote debugging, here is official documentation. Basic process: Connect your android device Select your device: More tools > Inspect devices* from dev tools on pc/mac. Authorize on your mobile. Happy debugging!! * This is now “Remote devices”.
Chrome 46 or newer Click the vertical ellipsis button ( ⋮ ) then choose the desired docking option. Chrome 45 or older Long-hold the dock icon in the top right. It pops up an option to change the docking To change the split between the HTML and CSS panels, go in DevTools to Settings (F1) … Read more
make sure Network panel is active switch devtools Dock side in the menu to a detached (floating) window Next time you can press CtrlShiftD to toggle docking. in the now detached devtools press CtrlShifti or ⌘⌥i on MacOS, which will open devtools-on-devtools in a new window Run the following code in this new window: copy(UI.panels.network.networkLogView.dataGrid.rootNode().flatNodes.map(n … Read more