cssgoogle-chromebrowserweb-inspector

Cannot find the CSS Errors in Chrome

I'm trying to debug a website and in Chrome's inspect element I'm seeing 8 errors and 1 warning.

Chrome CSS Errors & Warnings

The Warning shows up right next to the problem.

CSS warning

However, the Errors don't show up anywhere and I can't locate them. Also, the errors and warnings show an underline when I hover over them (like links often do), but clicking on them does nothing... I'm fairly certain this is just a limitation, but I thought I'd see if something was screwed up with that too.

Solution

When I was hitting the console >_ icon it needed to be raised up. I mistakenly thought it was referring to the CSS, but the errors were console errors (not CSS errors).

Console error collapsed & raised

Solution

  • Click on the "Show Drawer" icon (it looks like >_) Those errors are displayed there under the Console tab.

    2023 Update:

    Now the option is located in the 3-dot menu on the top right corner. Click that, then choose "Show console drawer" or just press escape like @kjw mentioned in their comment.