How to write and run scripts in the Google Chrome Javascript Console?

Question

I recently switched from Firefox to Chrome and I (probably) missed an important feature. I was used to test javascript snippets on FF from within the Firebug console this way: open the console, write the script and finally press CTRL + Return to execute the code.

It seems not possible to do the same in Chrome console, as when I type some code there and press return to start a new line the code is executed immediatly.

Is there a way to replicate the Firefox behavior on Chrome?

Thanks.

bpierre · Accepted Answer · 2011-04-02 18:16:01Z

4

It seems that there is no explicit “multiline mode”. But you can:

Paste code (it will preserve multiline)
Shift + Return to add a new line without executing the script

Related bugs:
https://bugs.webkit.org/show_bug.cgi?id=30553
http://code.google.com/p/chromium/issues/detail?id=72739

answered Apr 2, 2011 at 18:16

bpierre

11.6k2 gold badges28 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xiola · Accepted Answer · 2013-08-11 10:58:08Z

3

You can also hit Shift + Enter to start a new line without running the code in Chrome's console: https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks#multiline-commands

answered Aug 11, 2013 at 10:58

xiola

335 bronze badges

Comments

shruti · Accepted Answer · 2015-04-07 04:53:27Z

3

Better way of doing this using Chrome featue i.e Snippets where you can write javascript and save it in chrome developer console. Its available underneath source inside developers tools while inspecting element. More info about the snippets can be find on this link.

It was available in Chrome canary and I guess now it is available in default chrome browser also.

answered Apr 7, 2015 at 4:53

shruti

5,9631 gold badge17 silver badges12 bronze badges

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

Install Firebug Lite for Google Chrome. It has got a console.
Don't look for a full fledged Firebug. You will be disappointed :)

Oops,I didn't read properly at first. My bad!

In Firebug Lite, take Console. Then you will see a tiny red up-arrow at the right corner.
Click on it and you will get a multi-line console. Won't you?

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Apr 2, 2011 at 18:15

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

2 Comments

Paolo Over a year ago

Thanks. It would be a great workaround, if only I could be able to get Firebug Lite working on Google Chrome 10, instead that when I click on the bug icon it stays grey...!

codeandcloud Over a year ago

@Guandalino: Try on Stack Overflow. It wont work on chrome extensions page

Saeed Neamati · Accepted Answer · 2013-02-27 05:20:00Z

2

I recommend this:

Write debugger; and hit Enter, in the console tab
This takes you to the Sources tab; if not, make sure debugger breakpoints are active
Now you can write whatever you want in the Sources tab, which acts like a full IDE with features like newline and indentation
Select any part of your code to run, and right-click, choose Evaluate in console

answered Feb 27, 2013 at 5:20

Saeed Neamati

35.9k42 gold badges140 silver badges192 bronze badges

Collectives™ on Stack Overflow

How to write and run scripts in the Google Chrome Javascript Console?

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related