Re:Show HN: A curated list of Chrome DevTools tips and tricks
by gibbitz on Wednesday October 08, 2014 @09:53AM
(#8426849)
Some nice tips in here. I had no idea multiple cursors were supported. I now live in the future!
Would be good to know the cross-platform support for these features without testing them though. No "cmd" key in Linux :( (though, the ctrl key works as expected)
Re:Show HN: A curated list of Chrome DevTools tips and tricks
by heffo on Wednesday October 08, 2014 @11:29AM
(#8427409)
The copy to a clipboard has a few elements to it.
1. If you right click on an object in the console, you can store it as a global variable. This makes an exact copy of the object that is in the global scope.
2. They used $_ which is a shortcut to get the result of the last command. So in the example, temp9 was the last command, so $_ is a copy of temp9
3. The important bit is the copy(var) call. This will copy any var into your clipboard!
Re:Show HN: A curated list of Chrome DevTools tips and tricks
by hamburglar on Wednesday October 08, 2014 @03:37PM
(#8428990)
In general, some very brief text describing things beyond just an animated GIF would be really helpful. I spent a long time watching the eyedropper one over and over, trying to figure out what exactly you did to get the eyedropper to show up. It doesn't help that this is apparently a feature that's only in canary for now (I'd avoid that, or at least call it out explicitly), but even ignoring that, trying to get instruction by watching a dot flick around unpredictably in a screenshot is difficult/inefficient.
edit: great idea for a site, though. I've subscribed to your RSS.
Would be good to know the cross-platform support for these features without testing them though. No "cmd" key in Linux :( (though, the ctrl key works as expected)
I didn't know about monitorEvents, it's really nice! This link has more details about what events you can monitor.
Before Firefox + Firebug though? Well, you probably have suppressed the memories about using alert() calls for debugging through your tears. :-)
alert("1"); alert("2"); alert("we got here");
Ah, I don't have fond memories of those days.
FYI: I infrequently post some of these tips to Google+: https://plus.google.com/+UmarHansa with detailed descriptions. Also on Twitter: https://twitter.com/umaar with less description.
This is on both Safari and Chrome on OS X.
Would really like a little writeup on each of these to accompany the gif, couldn't quite figure out the "copy an object to the clipboard" one.
1. If you right click on an object in the console, you can store it as a global variable. This makes an exact copy of the object that is in the global scope.
2. They used $_ which is a shortcut to get the result of the last command. So in the example, temp9 was the last command, so $_ is a copy of temp9
3. The important bit is the copy(var) call. This will copy any var into your clipboard!
Hopefully this was helpful!
edit: great idea for a site, though. I've subscribed to your RSS.
My ah ha moment was when i discovered the usage of :' debugger; ' in a.js with inspector open