How Can I Stop Chrome From Showing 'Failed to Load Resource' Messages in the Console?

How to Suppress Chrome's "Failed to Load Resource" Messages

When developing webpages, it's common to encounter 404 errors while making XHR requests. Chrome, by default, displays these errors in the console as "Failed to load resource" messages, cluttering up the output and making it difficult to debug real issues.

Fortunately, there is a way to suppress these annoying messages:

1. Open Chrome's DevTools

Launch Chrome DevTools by pressing F12 (Mac: Cmd Option I, Linux: Ctrl Shift I).

2. Navigate to Console Settings

Within the DevTools window, click the "Settings" button (gear icon) in the bottom-right corner. Then, navigate to the "General" tab.

3. Hide Network Messages

Under the "Console" section, you will find an option labeled "Hide network messages." Enable this option to suppress the "Failed to load resource" messages.

4. Save Settings (Optional)

If desired, you can save this setting as your default behavior by clicking the "Save" button at the bottom of the DevTools window.

Additional Notes:

• This feature is relatively new and may not be available in older versions of Chrome.
• The image above is outdated. In current versions of Chrome, the "Hide network messages" option is located directly under the "Filter" section in the Console settings.
• You can still access the network information by navigating to the "Network" panel in DevTools.

The above is the detailed content of How Can I Stop Chrome From Showing 'Failed to Load Resource' Messages in the Console?. For more information, please follow other related articles on the PHP Chinese website!