robcee

Amazing work!

have you tried the Scratchpad tool in Firefox (Shift-F4)? It's made for editing and executing as much JavaScript as you want.

One bonus is that this is fully-remoted with our debugger protocol. In time, we hope to get the asset inspection parts included in our tool as well.

We'll also be showing Nick Desaulnier's port of the WebGL Inspector for Firefox in our booth at GDC!

Little known feature: There's also a "cookie" command in the GCLI. Shift-F2 to bring up the command line, type "help cookie".

you can still use it on Nightly.

http://nightly.mozilla.org/

ESC key to close that sidebar in the console.

see https://news.ycombinator.com/item?id=6671062

right. The point I was trying to illustrate was that the inner variable declared with a "var" keyword was visible outside its containing block. If I'd used "let" there, it would not be.

I usually think of "hoisting" as promoting a var outside of its containing scope to within the next block.

e.g.,

function() { var a = 2; // b is visible here if (a == 2) { var b = 3; } }

I was aware it's pretty modern but honestly didn't think about it much. We use it heavily in Firefox Devtools code and I much prefer its non-hoisting properties over var.

SyntaxError: syntax error.

you can't use spread arguments without the ().

Not sure I agree with you. After using them for a few months, they feel pretty natural, light-weight and used close to where you define them. There's actually less thinking required when using a fat-arrow function because you don't really have to worry about the scope.

that's a good nit. I'll drop it. Thanks!

it is part of ES6 and should make it to V8 eventually. Soon, I hope!

You can use the Style Editor to modify CSS and see the changes applied.

We're going to be adding edit support to the Debugger soon.

The Security filter shows CSP errors and mixed content warnings among other things. I expect the security team will add more messages to that section of the console over time.

We're going to revamp the Console's output area fairly significantly in the next few months. Better Object output is high on the list of changes.

(you can use console.dir(object) for an inlined inspector view, or inspect(object) in the console's jsterm input line to view the object in the sidebar)

Shift-Enter turns the Console's input line into a multi-line input.

We're hoping to add autocomplete to the Scratchpad down the road too.