There are many ways to filter out messages in the Console. For example, the top message in the following example represents a 404. # Hide network messagesīy default the browser logs network messages to the Console.
![pdfkit hide console pdfkit hide console](http://2.bp.blogspot.com/-TKI8Fx8hxes/VAcXh-hXUTI/AAAAAAAABNw/ogn52nPTydY/s1600/BackgroundPSwindow.png)
To persist messages across page loads, Open Console Settings and then enable the Preserve Log checkbox. # Persist messages across page loadsīy default the Console clears whenever you load a new page.
![pdfkit hide console pdfkit hide console](https://i.stack.imgur.com/2KLRx.png)
The example below shows how the same log looks after disabling message grouping. The top message in the example above shows the Console's default grouping behavior. Open Console Settings and enable Log XMLHttpRequests to log all XMLHttpRequest and Fetch requests to the Console as they happen. See Log XHR and Fetch requests for an example. Open Console Settings and disable Group similar to disable the Console's default message grouping behavior. See View messages for a hands-on walkthrough. This section contains features that change how messages are presented in the Console. # Open Console SettingsĬlick Show Console Sidebar to show the Sidebar, which is useful for filtering. To open the Console tab from the Command Menu, start typing Console and then run the Show Console command that has the Drawer badge next to it. The Drawer pops up at the bottom of your DevTools window, with the Console tab open. Press Escape or click Customize And Control DevTools and then select Show Console Drawer. To open the Console from the Command Menu, start typing Console and then run the Show Console command that has the Panel badge next to it. Press Control+ Shift+ J or Command+ Option+ J (Mac). You can open the Console as a panel or as a tab in the Drawer. For the reference on functions like monitorEvents() see Console Utilities API Reference.
![pdfkit hide console pdfkit hide console](https://i.ytimg.com/vi/xiiV19z62Ds/hqdefault.jpg)
If you're looking for the API reference on functions like console.log() see Console API Reference. It assumes that you're already familiar with using the Console to view logged messages and run JavaScript. This page is a reference of features related to the Chrome DevTools Console.