[{"data":1,"prerenderedAt":264},["ShallowReactive",2],{"project-8426558":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":33,"aspects":34,"strip":42,"post_text":43,"what":44,"said":68,"maker_in_thread":156,"shape":168,"grid":172,"attempts":227,"same_week":228,"maker_shows":39,"maker_hidden":256,"reader_version":257,"card":258},"8426558","DevTools tips","A curated list of Chrome DevTools tips and tricks","title","Show HN: A curated list of Chrome DevTools tips and tricks","http:\u002F\u002Fdevtoolstips.com\u002F","devtoolstips.com","jefkoslowski",1412771987,2014,212,24,91,2272,5,"notable","dev_tools","developer tips site","web_app",[24,25,26,27],"chrome devtools","developer tools tips","chrome debugging","web development","mixed",0.156,{"positive":18,"neutral":18,"mixed":31,"critical":32},2,3,15,{"idea":35,"execution":38,"docs":40,"design":41},{"positive":36,"critical":37},4,0,{"positive":37,"critical":39},1,{"positive":37,"critical":39},{"positive":37,"critical":39},[18,37,18,18,37,37,32,39,37,37,32,37,32,39,32,32,32,37,18,18,39,37,32,37],null,{"problem":45,"audience":57,"pricing":43,"motivation":43,"time_to_build":43,"stack":65,"openness":66,"stage":67,"team_size":66},{"value":46,"source":47,"evidence":48},"Helps developers discover useful Chrome DevTools features","inferred",[49,53],{"id":50,"by":51,"text":52},"8426849","gibbitz","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…",{"id":54,"by":55,"text":56},"8428748","dccoolgai","My personal favorite is debug(function_name). Creates a breakpoint at the beginning of the function. I use it almost daily.",{"value":58,"source":47,"evidence":59},"Web developers",[60,64],{"id":61,"by":62,"text":63},"8427088","michaelmcmillan","Chrome Devtools has basically become my main tool when I do web development. I honestly can't imagine what I did before Chrome was around.",{"id":50,"by":51,"text":52},[],"unknown","launched",{"praise":69,"objections":87,"requests":115,"questions":139,"alternatives":148},[70,80],{"value":71,"source":72,"evidence":73},"Useful tips, including monitorEvents and debug(function_name)","commenter",[74,75,79],{"id":50,"by":51,"text":52},{"id":76,"by":77,"text":78},"8427091","vlunkr","http:\u002F\u002Fwww.briangrinstead.com\u002Fblog\u002Fchrome-developer-tools-monitorevents I didn't know about monitorEvents, it's really nice! This link has more details about what events you can…",{"id":54,"by":55,"text":56},{"value":81,"source":72,"evidence":82},"Good idea for a site, with RSS subscription",[83],{"id":84,"by":85,"text":86},"8428990","hamburglar","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…",[88,100,104,111],{"value":89,"source":72,"evidence":90},"Tips shown only as GIFs without written explanation",[91,95,96],{"id":92,"by":93,"text":94},"8426903","Igglyboo","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.",{"id":84,"by":85,"text":86},{"id":97,"by":98,"text":99},"8427010","Cthulhu_","Why does this page use .gifs instead of HTML video? :'(",{"value":101,"source":72,"evidence":102},"Some features are Canary-only and not flagged",[103],{"id":84,"by":85,"text":86},{"value":105,"source":72,"evidence":106},"Example image broken on some browsers",[107],{"id":108,"by":109,"text":110},"8426856","exhilaration","The second item, Command + Click on CSS, isn't showing your example image: http:\u002F\u002Fdevtoolstips.com\u002Fimage\u002F99439992616 This is on both Safari and Chrome on OS X.",{"value":112,"source":72,"evidence":113},"Cross-platform shortcuts untested, e.g. Cmd key on Linux",[114],{"id":50,"by":51,"text":52},[116,120,125,132],{"value":117,"source":72,"evidence":118},"Use HTML video instead of GIFs",[119],{"id":97,"by":98,"text":99},{"value":121,"source":72,"evidence":122},"Add written descriptions to each tip",[123,124],{"id":92,"by":93,"text":94},{"id":84,"by":85,"text":86},{"value":126,"source":72,"evidence":127},"Add a way to suggest tips",[128],{"id":129,"by":130,"text":131},"8429253","tobeportable","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",{"value":133,"source":72,"evidence":134},"Better way to output JSON from console",[135],{"id":136,"by":137,"text":138},"8430263","lobster_johnson","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.",[140],{"value":141,"source":72,"evidence":142},"How to copy an object to the clipboard in the console",[143,144],{"id":92,"by":93,"text":94},{"id":145,"by":146,"text":147},"8427409","heffo","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…",[149],{"value":150,"source":72,"evidence":151},"Firebug",[152],{"id":153,"by":154,"text":155},"8427424","billyhoffman","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…",{"comments":157,"answered":39,"key":158},7,[159,162,165],{"id":160,"text":161},"8426858","Thanks for your feedback, I will do that.",{"id":163,"text":164},"8426882","Thats odd. Removed for now, I will create a smaller gif or video. Thanks.",{"id":166,"text":167},"8426916","Just uploaded a new smaller gif, it's working now.",{"commenters":169,"max_depth":36,"maker_replies":157,"first_comment_mins":170,"lifespan_hours":171},18,74,12,[173,175,177,178,180,182,185,188,190,191,192,194,196,197,201,203,206,208,210,212,216,219,221,224],[50,37,18,174,51,37],"project\u002Fpositive\u002Fidea",[160,37,37,176,11,39],"maker\u002Fneutral\u002Fnone",[76,39,18,174,77,37],[61,31,18,179,62,37],"project\u002Fpositive\u002Fnone",[153,31,37,181,154,37],"commenter\u002Fneutral\u002Fnone",[183,31,37,181,184,37],"8428496","JeremyMorgan",[186,32,32,176,187,37],"8428123","umaar",[108,36,39,189,109,37],"project\u002Fcritical\u002Fexecution",[163,36,37,176,11,39],[166,36,37,176,11,39],[92,18,32,193,93,37],"project\u002Fmixed\u002Fdocs",[195,18,37,176,11,39],"8426983",[84,18,32,193,85,37],[198,18,39,199,200,37],"8427068","project\u002Fcritical\u002Fdocs","andybak",[145,18,32,202,146,37],"project\u002Fneutral\u002Fdocs",[136,204,32,205,137,37],6,"project\u002Fneutral\u002Fnone",[129,157,32,207,130,37],"project\u002Fneutral\u002Fidea",[209,157,37,176,11,39],"8429496",[54,211,18,174,55,37],8,[213,214,18,174,215,37],"8429460",9,"ufmace",[97,217,39,218,98,37],10,"project\u002Fcritical\u002Fdesign",[220,217,37,176,11,39],"8427477",[222,217,32,176,223,37],"8428026","superasn",[225,217,37,226,11,39],"8428572","maker\u002Fpositive\u002Fnone",[],[229,233,238,242,247,251],{"id":230,"name":231,"points":232,"category":20},"8416693","Nightmare",429,{"id":234,"name":235,"points":236,"category":237},"8423825","postgres_vectorization_test",332,"data",{"id":239,"name":240,"points":241,"category":20},"8422408","ReadMe.io",266,{"id":243,"name":244,"points":245,"category":246},"8427086","Sail boat simulation",229,"learning_science",{"id":248,"name":249,"points":250,"category":20},"8400265","GoldenLayout",211,{"id":252,"name":253,"points":254,"category":255},"8405443","JuliusJS",202,"ai",false,"v2",{"id":259,"name":5,"line":6,"ai":256,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":260,"top":18,"kw":261,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":262,"url":9,"mix":263,"praise":71,"objection":89,"sub":21},8426558,0.16,[24,25,26,27],"505500310030313330551030",[18,18,31,32],1794036523586]