Can I prevent the Chrome Developer Tools console from logging image 404 errors? [duplicate]

by

Work has “started” on this by the Chromium team: https://code.google.com/p/chromium/issues/detail?id=96212

Update: The feature request was closed on March 18, 2013. I’m not sure in which version of Chrome this feature first appeared, but I can confirm console filtering options in my Chrome v33.0.1750.152 (Linux).

Update 2: Currently, when a filter (plain text or regular expression) is entered, it is tested against the message text (e.g. GET http://example.com/foobar 404 (Not Found)) as well as the text of the right side link (e.g. test.html:65). (I have filed an issue with Chromium to track this.)

As a workaround, use a regular expression filter like:

^(?!.* 404 \(Not Found\))(?!.*[file name])

where [file name] is the file name from the right side link.

For example, if my page is test.html, then ^(?!.* 404 \(Not Found\))(?!.*test\.html) will work.

Note: This will also filter out messages that have the file name in the message text. I’m not sure there is a way around this for now.

Update (2019-06-05): This expression will filter out 404s in my current version of Chrome (75.0.3770.80):

-/404\s\(Not\sFound\)$/

It seems the filtering first splits the filter string by whitespace before processing each token, but it will also split spaces inside of a regular expression, so the \s‘s are necessary.

Technically, this will filter out any message ending with the (case insensitive) string “404 (Not Found)”, including console.log messages.

More Related Contents:

  1. Suppress Chrome ‘Failed to load resource’ messages in console
  2. Colors in JavaScript console
  3. jQuery’s jquery-1.10.2.min.map is triggering a 404 (Not Found)
  4. How to compress an image via Javascript in the browser?
  5. Change image size with JavaScript
  6. How can I determine if an image has loaded, using Javascript/jQuery?
  7. How to disable JavaScript in Chrome Developer Tools?
  8. Javascript: Cancel/Stop Image Requests
  9. execute function after complete page load [duplicate]
  10. Dynamically resizing Image-maps and images
  11. Puppeteer page.evaluate querySelectorAll return empty objects
  12. Google Chromecast sender error if Chromecast extension is not installed or using incognito
  13. How can I view network requests (for debugging) in React Native?
  14. Adding images to an HTML document with JavaScript
  15. Find JavaScript function definition in Chrome
  16. puppeteer: how to wait until an element is visible?
  17. how to clear or replace a cached image
  18. Load image from url and draw to HTML5 Canvas
  19. What is the source of the double-dollar sign selector query function in Chrome/Firefox?
  20. Create an Image of a DIV in JavaScript (GIF/PNG)
  21. How to remove all recent console command
  22. Is there a way to load images to user’s cache asynchronously?
  23. Cancel single image request in html5 browsers
  24. Wait for image to be loaded before going on
  25. IMG SRC tags and JavaScript
  26. Can the browser turned headless mid-execution when it was started normally, or vice-versa?
  27. How to bind img src to data in Vue
  28. How to get HTTP status code of tags
  29. canvas- Cropping images in different shapes
  30. Compare two Images in JavaScript

Leave a Comment