Javascript error console in Chrome?

17

2

I know how to do it in Firefox - how do I see Javascript errors in Chrome?

Epaga

Posted 2009-10-07T13:41:42.217

Reputation: 439

Answers

9

You have following options:

  • Chrome: Press Ctrl+Shift+J (Cmd+Option+J on Mac) and it will give similar functionality. Also consider checking out JavaScript debugger in Chrome. Hitting F12 works as well.

  • IE7: Nothing built in. But have a look at IE Developer Toolbar.

  • IE8: Just hit F12 and you will get access to some very capable built-in tools. Error console is on Script tab.

  • Firefox: Just use FireBug.

  • Opera: Press Ctrl+Shift+I (Cmd+Option+I on Mac) to launch Opera Drangonfly which is a fully featured development and debugging tool integrated into the Opera browser.

  • Safari: Enable the Developer Menu from Safari's preferences. It will give access the various tools (Error Console, Web Inspector, JavaScript Profiler, etc). Of course there are also shortcuts, like Cmd+Alt+C for the console.

Sumit

Posted 2009-10-07T13:41:42.217

Reputation: 99

Please do not include irrelevant links in posts, especially if you are directly affiliated with the website being linked. All self-promotion must correspond to the rules outlined in the [FAQ#promotion]. – nhinkle – 2012-11-24T09:30:38.803

7

found it myself: developer tools, then there's a symbol at the bottom left "show console"

Epaga

Posted 2009-10-07T13:41:42.217

Reputation: 439

For other options, see http://webkit.org/blog/197/web-inspector-redesign/ and http://developer.apple.com/safari/library/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/1Introduction/Introduction.html (though written for Safari, many things are based on WebKit).

– Arjan – 2009-10-07T13:54:39.453

i will as soon as i can... "you can accept your own answer in 2 days" so this is a chance for easy points: post my answer yourself and I'll accept you. :D – Epaga – 2009-10-07T14:38:05.360

Please don't forget to accept this (or Millhouse's answer) as otherwise the question will keep popping up. Thanks. – Arjan – 2009-11-06T17:27:42.083

3

Any of these:

  • Hit F12 or Ctrl+Shift+I
  • right-click on any element on the page, and "Inspect Element"
  • Wrench button -> Tools -> Developer Tools

Then go to Console tab

Benja

Posted 2009-10-07T13:41:42.217

Reputation: 130

0

Also, when you are viewing are a page, right-click, select 'Inspect element'

This opens Developer tools in html inspector mode - select 'console' and you can view errors by clicking 'errors' at the bottom

m_cheung

Posted 2009-10-07T13:41:42.217

Reputation: 136