Library / Browser dev tools / Console
No. 109·noun·also called browser console, JavaScript console, console error

Console

The DevTools tab where the page's code reports errors, warnings, and messages.

SPECIMEN · DIAGRAM · LAYERS
ErrorRed: something broke. Copy this.
WarningYellow: worth knowing, often harmless
LogPlain: messages developers left on purpose
Definition

What it is

The Console is where a web page talks back. When its code crashes, a red error appears here; yellow lines are warnings; plain lines are messages developers left on purpose with console.log.

If something on a page doesn't work, the Console is the first place to look. A blank screen with no visible error almost always has one waiting here.

When you report a problem, copy the full red message, including the file name and line number on the right. That one line often tells an agent exactly where the bug is.

Say it like a builder

How to ask for it

Vague

“Nothing happens when I click Save.”

Precise

“Clicking Save on the profile page does nothing. The Console shows: "Uncaught TypeError: Cannot read properties of undefined (reading 'email') at ProfileForm.tsx:42". Fix the cause, not just the symptom.”

Why it works

Pasting the Console error gives the agent the exact failure and the line it happened on.

In the wild

You've seen this in

  • CThe Console tab in Chrome DevTools
  • DRed error counts in the DevTools toolbar
  • U"Uncaught TypeError" messages
Usage note

Often confused with

TerminalThe Console belongs to one web page in your browser; the terminal controls your whole computer.LogsThe Console shows what happened in your browser; server logs show what happened on the backend.