Welcome to %s forums

<No. 1 Community for developers, by developers/>

Login Register

How to open developer tool in different browsers?

Get support on JavaScript,jQuery, AJAX and other related technology.
Post Reply
admin
Site Admin
Posts: 45

How to open developer tool in different browsers?

Post by admin » Sun Oct 20, 2019 5:01 pm

Opening the Console
In most current browsers, the JavaScript Console has been integrated as a tab within Developer Tools. The shortcut keys listed below will open Developer Tools, it might be necessary to switch to the right tab after that.
Chrome
Opening the “Console” panel of Chrome’s DevTools:
Windows / Linux: any of the following option:
  • Ctrl + Shift + J
  • Ctrl + Shift + I , then click on the “Web Console” tab or press ESC to toggle the console on and off
  • F12 , then click on the “Console” tab or press ESC to toggle the console on and off
Mac OS:
Cmd + Opt + J

Firefox
Windows / Linux: any of the following options.
  • Ctrl + Shift + K
  • Ctrl + Shift + I , then click on the “Web Console” tab or press ESC to toggle the console on and off
  • F12 , then click on the “Web Console” tab or press ESC to toggle the console on and off
Mac OS:
Cmd + Opt + K

Edge and Internet Explorer
Opening the “Console” panel in the F12 Developer Tools:
F12 , then click on the “Console” tab

Safari
Opening the “Console” panel in Safari’s Web Inspector you must first enable the develop menu in Safari's Preferences
Image
Then you can either pick "Develop->Show Error Console" from the menus or press ⌘ + Option + C

Opera
Opening the “Console” in opera:
Ctrl + Shift + I ,then click on the “Console” tab

Post Reply