Brave Browser Suppresses console.log, console.warn and console.error, Breaking Developer Debugging

Summary

Brave browser appears to be suppressing console.log, console.warn, and console.error outputs, even when they are explicitly invoked in JavaScript. This behavior significantly degrades the developer experience by hiding critical debugging signals without any indication that suppression is occurring.

Problem Description

While debugging a JavaScript component, no errors or warnings appeared in the DevTools console, even though the codebase contains multiple console.log, console.warn, and console.error calls intended to surface runtime issues.

Further investigation showed that:

  • console.log("test"), console.warn("test"), and console.error("test") execute but produce no console output (you can check the screenshot below for more context)
  • The return value is undefined, as if the call were silently swallowed
  • No setting or indicator in DevTools suggests that console output is being suppressed
  • This happens due to Brave’s privacy shields, not due to code or framework issues

This makes it extremely difficult to debug applications and can lead developers to falsely assume that code paths are not executing.

Expected Behavior

  • console.log, console.warn, and console.error should always be visible in DevTools when called (you can check the screenshot below for extra context)
  • If Brave intentionally suppresses these logs, this behavior should be:
    • Clearly documented
    • Clearly indicated in DevTools
    • Fully controllable by the user

Actual Behavior

  • Warnings and errors are silently suppressed
  • No console output, no warnings, no indicators
  • DevTools gives no hint that logging has been altered by the browser

Impact

This is a deal breaker for developer experience:

  • Breaks debugging workflows
  • Masks real runtime issues
  • Forces developers to switch to Chrome, or any other browser, for JavaScript debugging

System Specs & Browser version

  • Current OS: MacOS Tahoe 26.3
  • Brave Version: 1.87.188 (arm64)
  • Chromium Version: 145.0.7632.76

Thank you for considering this request.

Hi there @289wk

I have mine set like this, yet it doesn’t work. Any idea why?

@miguelferreira6

You have to persevere through the trials of finding the right settings.


Using Developer Tools

Opening the Developer Tools window

MacOS users, key combination: Option + Command + "i" ("eye", no quotes)

Windows OS / Linux OS users, key combination:

Control + Shift + "i" ("eye", no quotes) gets the Developer Tools > Network tab window

Control + Shift + "j" ("jay", no quotes) gets the Developer Tools > Console tab window

Or, use the F12 key ← also works for MacOS users.


On the first occasion of using Developer Tools, the Developer Tools “window” is usually a part of (contained within) its associated Brave Browser window . . . but you can make the Developer Tools window, a standalone window (though keeping its association with the Brave Browser window). I recommend that you do so:

In the upper right-hand corner of the Developer Tools window, there is an “Organizer” 3-vertical-dots button - click on that. The result should be a pop-up:

Screen Shot 2024-11-02 at 3.03.02 PM

Notice the tiny blue icon that is first (left to right) among 4 that are to the right of “Dock side”. Click on that icon. The Developer Tools window will become a standalone window.


How to use Developer Tools:

Developer Tools > Network: