DevTools tips
Dev tools
developer tips site
SHOW HN2014
How HN took it
5 positive, 5 neutral or asking, 2 mixed, 3 critical, out of 15 comments about the project. Thread score +0.16.
Idea: 4 for, 0 againstExecution: 0 for, 1 againstDocs: 0 for, 1 againstDesign: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Useful tips, including monitorEvents and debug(function_name)
From 3 comments
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…
gibbitz on HNhttp://www.briangrinstead.com/blog/chrome-developer-tools-monitorevents I didn't know about monitorEvents, it's really nice! This link has more details about what events you can…
vlunkr on HNMy personal favorite is debug(function_name). Creates a breakpoint at the beginning of the function. I use it almost daily.
dccoolgai on HN
Good idea for a site, with RSS subscription
From 1 comment
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…
hamburglar on HN
Objections
Tips shown only as GIFs without written explanation
From 3 comments
monitorEvents is really awesome. 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.
Igglyboo on HNIn 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…
hamburglar on HNWhy does this page use .gifs instead of HTML video? :'(
Cthulhu_ on HN
Some features are Canary-only and not flagged
From 1 comment
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…
hamburglar on HN
Example image broken on some browsers
From 1 comment
The second item, Command + Click on CSS, isn't showing your example image: http://devtoolstips.com/image/99439992616 This is on both Safari and Chrome on OS X.
exhilaration on HN
Cross-platform shortcuts untested, e.g. Cmd key on Linux
From 1 comment
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…
gibbitz on HN
Requests
Use HTML video instead of GIFs
From 1 comment
Why does this page use .gifs instead of HTML video? :'(
Cthulhu_ on HN
Add written descriptions to each tip
From 2 comments
monitorEvents is really awesome. 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.
Igglyboo on HNIn 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…
hamburglar on HN
Add a way to suggest tips
From 1 comment
I don't see a way to suggest a tip or trick. My ah ha moment was when i discovered the usage of :' debugger; ' in a.js with inspector open
tobeportable on HN
Better way to output JSON from console
From 1 comment
Anyone know of a better way to get proper JSON out of something emitted to the console? The "store as global variable" + copy($_) is ridiculous.
lobster_johnson on HN
Questions
How to copy an object to the clipboard in the console
From 2 comments
monitorEvents is really awesome. 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.
Igglyboo on HNThe 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…
heffo on HN
Alternatives named
Firebug
From 1 comment
You probably used Firefox + Firebug and couldn't believe you used to do development without them. Before Firefox + Firebug though? Well, you probably have suppressed the memories…
billyhoffman on HN