I would like to save my Chrome's DevTools console history.
I know I can right-click "Save log as", but this only goes to up to the last clear.
I could just never clear console, but then I'm annoyingly stuck working off the bottom of the screen.
Is there anyway to scroll the console screen?
You can't but there is a filter field top of the console, just put some random text in it, and it is hide all the logs for you.
Related
I realize i accidentally pressed some keyboard shortcuts while my focus was in dev tools, not in my code editor, and I've done something to me console where it is continually displaying on the top line, Console was cleared code?id=105&subid=51763_4926_:1, and on the second line, continually flashing <img> code?id=105&subid=51763_4926_:1.
If i console.log anything, it flashed for a second and is gone. What did i do and how do i get it back? I did reproduce for different pages, and reset the dev tools preferences to default.
I often have many (many!) browser tabs open in Chrome. Often times I'll have a developer tools window open but lose track of the associated browser tab.
Is there a keyboard shortcut or menu or button somewhere that will bring the associated tab (and browser window) to the forefront?
UPDATE: Just noticed that the shortcut key is F12. It's listed against a "Focus debuggee" menu option under the vertical ellipsis. (Chrome 66.)
Original answer:
I was just looking for a similar shortcut.
I haven't found one, but if you go to the console in your developer tools window and run a quick
window.alert()
then it looks like the associated main window+tab is brought to the front to display the popup, and it remains there when the popup is dismissed.
(That's what I'm seeing as of Chrome 60.)
In devtools click the top right cogwheel to open Settings
Click Shortcuts in the left navigation menu, and scroll down until you see Focus debugee. You'll see the shortcut key that is assigned with an option to modify it, or an option to set the shortcut if not defined.
The Chrome GA debugger does not appear to work. I can't find any info about how to fix it either.
There is an icon on the top screen. No window on the bottom, no readout. No feedback.
Compounding the problem is that searching for 'analytics debugger does not work' returns only results about setting up analytics or problems associated with GA or Chrome.
I'm starting this thread because none currently exists.
Anyone had this issue?
Are you sure you understand what it is supposed to be doing?
I just installed it. It adds a browser action button that changes state between off and on when clicked. It also reloads the current tab when clicked, but you have to reload other tabs if you need it to take effect there.
The information that GA module outputs goes to the page's JavaScript console. The extension does not automatically open it. You can open it with Ctrl+Shift+J
I found the answer.
You have to open the Chrome javascript console. I doesn't launch automatically.
Is there a way to view multiple Chrome devtools panels at the same time? A split window, like this mockup, would be nice:
Or in separate windows.
It would be extremely useful to be able to view the Sources panel and Network panel at the same time, to see exactly when network requests are fired while stepping through code.
The console can be pulled up while inside any other panel by clicking or pressing esc, so why not the other panels?
I haven't found much by searching, but maybe this is possible with a devtools extension.
Does this exist already? If not, is it possible?
I find this limitation frustrating too, all those other monitors are wasted! Here is poor man's solution:
launch your chrome with --remote-debugging-port=9999 command line parameter
right click on your page to debug and select 'Inspect Element' - this is your debug window #1
open a separate chrome window and navigate to chrome://inspect
click 'Configure...' and add localhost:9999
within a couple of seconds under 'Remote Targets' you should see tabs you can inspect from your other chrome instance
click on the tab, and now this is your debug window #2
Unrelated tip: system wide nightmode experience: http://danielsokolowski.blogspot.com/2018/11/windows-10-8-7-night-mode.html
As of Chrome Canary 33.0.1732.0, there's a "Show editor in Drawer" experiment. The editor shows up whenever you hit any anchor to the source code in DevTools.
How do you save JavaScript console output in Chrome across page loads? The output is cleared when you navigate away from a page, so if you have messages logged just before the new page is loaded, it's difficult to see them before they are cleared.
Right click on the log/console area and check the "Preserve log" option.