Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Show only errors in Chrome development console

Is there a way to display only errors on the Chrome development console?

Right now it displays about a million warnings and I have to search through them to find the errors.

Thanks!

like image 942
Chris Dutrow Avatar asked Mar 06 '12 17:03

Chris Dutrow


People also ask

How do I show errors in Chrome console?

Right-click anywhere in the webpage and then select Inspect. Or, press F12 . DevTools opens next to the webpage. In the top right of DevTools, the Open Console to view errors button displays an error about the webpage.

How do I show hidden errors in console?

Press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel of Chrome DevTools. Or, navigate to More Tools > Developer Tools from Chrome menu, and click Console tab. The error console will open. If you don't see any errors try reloading the page.

How do I view issues in dev tools?

Other ways to open the Issues toolClick the More Tools (+) menu in the main panel or the Drawer, and then select Issues. Select Customize and control DevTools > More tools > Issues.


3 Answers

In the latest version of Chrome console there is now a drop-down menu next to the Filter box, which is set to "Info" by default. This menu allows you to switch between only showing errors, warnings, info or verbose.

Pictured here:

The "Level" drop-down menu in the Google Chrome console

like image 97
Ben Russell Avatar answered Oct 02 '22 14:10

Ben Russell


You can hold the Control button (Command on Mac) to select more than one filter, such as 'Error' and 'Info' but not 'Warn'.

like image 26
madhu131313 Avatar answered Oct 02 '22 14:10

madhu131313


Use the filter buttons in the bottom status bar ("All", "Errors", "Warnings", "Logs")

like image 45
Alexander Pavlov Avatar answered Oct 02 '22 16:10

Alexander Pavlov