- Instant help with your Developer coding problems

Save Chrome console.log to file

by Mike
Question:
How to save Chrome console.log to file?
Answer:
1. Open the Developer Tools with F12 or CTRL+SHIFT+I
2. Select the Console tab
3. Open the context menu (right-click) in the console output area and select Save as...
Description:

If you want to analyze Chrome's console log output with a 3rd party tool, you first need to export it to a file. Unfortunately, there is no simple automatic way to do this. The old solutions using command line arguments like --enable-logging don't work reliably.  

A solution is to use manual export. You can do this as follows:

  1. Open the Developer Tools with F12 or CTRL + SHIFT + I
  2. Select the Console tab
  3. Open the context menu (right-click) in the console output area.
  4. Select Save as.. from the menu

Save console.log in Chrome

The content of the exported file looks like this:

Chrome console.log exported content

Reference:
Chrome console reference
Share "How to save Chrome console.log to file?"
Related snippets:
Tags:
save, console, output, file, chrome
Technical term:
Save Chrome console.log to file
Trending articles
Inspect WebSocket traffic with Developer ToolsUsing GitHub Desktop with Bitbucket repositoryHow to convert a Postman request to curlFix the Error: 0x8007019e The Windows Subsystem for Linux has not been enabledFix the Error: 0x800701bc WSL 2 requires an update to its kernel component.Fix the *.ps1 cannot be loaded because running scripts is disabled on this systemSolving the stylesheet not loaded because of MIME-typeRemove duplicate lines in Notepad++How to install PHP 8 on Windows 10
Trending snippets
Edit multiple lines at once in VS CodeSelect all occurrences of selected word in VS CodeChange colors in VS Code integrated terminalRemove trailing spaces in VS CodeShow hidden characters in VS CodeFix: Prettier stopped working in VS CodeExclude folders from search in VS CodeNavigate back to last cursor position in VS CodeSwitch between terminal and editor in VS CodeJump to closing bracket in VS CodeRedirect all requests to index.php using htaccessChange file encoding in VS CodeSplit editor window in VS CodeChange syntax highlighting in VS CodeDisable tooltip in VS CodeMake text uppercase in VS CodeAssociate file type in VS CodeMove the sidebar panel to the right in VS CodeMove line up or down in VS CodeAdd cookie in Chrome
Network articles
Fix the ReactDOM.render is no longer supported in React 18How to run useEffect only once in ReactSolving the Error: unsupported class file major versionSolving the Error: Must use import to load ES ModuleSolving the Error [ERR_REQUIRE_ESM]: require() of ES Module not supportedFix the React 18: Hydration failed because the initial UI does not match errorFix npm ERR! enoent ENOENT: no such file or directory errorSolving the Uncaught SyntaxError: Cannot use import statement outside a moduleGet class name of an object in JavaScriptGet the first element of an array in JavaScriptUse Sass Nesting with multiple classesCreate transition with TailwindCSSFix: Require statement not part of import statementSplit a string into words in PHPChange bullet size in HTMLRemove protocol from URL with JavaScriptConvert snake case to camel case in JavaScriptGet the minimum value in an array using JavaScriptGet selected option from select using JavaScriptConvert date to timestamp in PHP