[{"data":1,"prerenderedAt":231},["ShallowReactive",2],{"project-5471003":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":34,"aspects":35,"strip":42,"post_text":43,"what":44,"said":58,"maker_in_thread":126,"shape":138,"grid":142,"attempts":188,"same_week":193,"maker_shows":222,"maker_hidden":223,"reader_version":224,"card":225},"5471003","domtree","See the number of DOM elements on a web page","title","Show HN: See the number of DOM elements on a web page","http:\u002F\u002Fdomtree.breckyunits.com\u002F?v=2","domtree.breckyunits.com","breck",1364780675,2013,47,20,537,1739,31,"shown","dev_tools","dom inspection","web_app",[24,25,26,27],"dom tree","dom elements","html structure","web page analysis","debated",-0.121,{"positive":31,"neutral":31,"mixed":32,"critical":33},3,0,5,11,{"idea":36,"design":38,"execution":40,"performance":41},{"positive":37,"critical":37},1,{"positive":37,"critical":39},4,{"positive":37,"critical":32},{"positive":32,"critical":32},[33,32,31,32,32,37,32,37,32,33,37,31,37,32,31,32,37,32,33,32],null,{"problem":45,"audience":43,"pricing":43,"motivation":52,"time_to_build":43,"stack":56,"openness":57,"stage":57,"team_size":57},{"value":46,"source":47,"evidence":48},"Shows how many DOM elements a page has and how its tree is structured","maker",[49],{"id":50,"by":11,"text":51},"5472947","You're exactly right. There's not much of a point. I'm working on a new HTML template language and wanted to \"see\" what existing web pages look like to better inform our design.…",{"value":53,"source":47,"evidence":54},"Maker was building an HTML template language and wanted to see how existing pages are built",[55],{"id":50,"by":11,"text":51},[],"unknown",{"praise":59,"objections":72,"requests":84,"questions":110,"alternatives":118},[60],{"value":61,"source":62,"evidence":63},"Simple tree view of HTML elements is useful for seeing structure","commenter",[64,68],{"id":65,"by":66,"text":67},"5471445","harlanlewis","Nice! Surprised how much I like seeing a simple tree view for HTML elements. I can imagine using this on front-end dev job applicants, replacing my current view source + build…",{"id":69,"by":70,"text":71},"5471725","melvinram","Nice.",[73,80],{"value":74,"source":62,"evidence":75},"Unclear purpose; seems a solution without a problem",[76],{"id":77,"by":78,"text":79},"5472002","drewcoo","Ok, so what's the point? I'm not trying to be a naysayer. I'm honestly asking. Is this trying to get us to look at different DOM structures to make us aware of the differences?…",{"value":81,"source":62,"evidence":82},"Does not indicate performance costs like paints or page weight",[83],{"id":65,"by":66,"text":67},[85,96,100],{"value":86,"source":62,"evidence":87},"Pan and zoom",[88,92],{"id":89,"by":90,"text":91},"5471147","feniv","It's interesting to see the high-level structure of the DOM tree too. Functionally similar sites like Hacker News and Reddit has drastically different structures (HN at 328…",{"id":93,"by":94,"text":95},"5471644","josephagoss","This could be a useful tool, are you planning to add zoom and pan ability, some of the elements are rendered off the page and I can't scroll down. Cheers!",{"value":97,"source":62,"evidence":98},"Print element ids",[99],{"id":65,"by":66,"text":67},{"value":101,"source":62,"evidence":102},"Make URL input more visually prominent",[103,107],{"id":104,"by":105,"text":106},"5471417","SquareWheel","It wasn't clear to me at first but the URL at the top is editable.",{"id":108,"by":70,"text":109},"5471549","Didn't help me. It needs to visually stand out a bit. Here's a suggestion: http:\u002F\u002Fwww.webdesigncompany.net\u002Ffiles\u002Fhn\u002Fsnap.png",[111],{"value":112,"source":62,"evidence":113},"Does it execute JavaScript in a headless browser or parse markup directly?",[114],{"id":115,"by":116,"text":117},"5471859","roskilli","Does this execute domready as a headless browser or is this just parsing the markup directly into a DOM tree? I'm sure there will be a few sites that this won't be reflected…",[119],{"value":120,"source":62,"evidence":121},"Pingdom and PageSpeed Insights for performance diagnostics",[122,123],{"id":65,"by":66,"text":67},{"id":124,"by":11,"text":125},"5472905","Doh! Right before I went to bed I checked top and saw load at 40%. Should have seen that coming. Fixed and added Pingdom alert.",{"comments":127,"answered":31,"key":128},8,[129,132,135],{"id":130,"text":131},"5471462","Neat idea. Just added #ids.",{"id":133,"text":134},"5471156","> how do I pan and zoom? Oh, good idea! I'll add that to the todo list.",{"id":136,"text":137},"5471796","Pan + Zoom added. It's slightly wonky, I think I need to adjust the math a little.",{"commenters":139,"max_depth":33,"maker_replies":127,"first_comment_mins":140,"lifespan_hours":141},10,54,12,[143,145,147,149,151,152,155,158,159,161,163,165,167,169,171,175,177,179,181,183],[65,32,33,144,66,32],"project\u002Fpositive\u002Fidea",[130,32,32,146,11,37],"maker\u002Fpositive\u002Fexecution",[89,37,31,148,90,32],"project\u002Fneutral\u002Fdesign",[133,37,32,150,11,37],"maker\u002Fneutral\u002Fnone",[136,37,32,146,11,37],[104,153,37,154,105,32],2,"project\u002Fcritical\u002Fdesign",[156,153,32,157,11,37],"5471468","maker\u002Fneutral\u002Fdesign",[108,153,37,154,70,32],[160,153,32,157,11,37],"5471635",[69,153,33,162,70,32],"maker\u002Fpositive\u002Fdesign",[164,153,37,154,105,32],"5471645",[115,31,31,166,116,32],"project\u002Fneutral\u002Fexecution",[77,39,37,168,78,32],"project\u002Fcritical\u002Fidea",[50,39,32,170,11,37],"maker\u002Fneutral\u002Fidea",[172,33,31,173,174,32],"5472139","project\u002Fneutral\u002Fperformance","rasmusbe",[124,33,32,176,11,37],"maker\u002Fneutral\u002Fperformance",[93,178,37,154,94,32],6,[180,178,32,146,11,37],"5471771",[182,178,33,146,94,32],"5471860",[184,185,32,186,187,32],"5471944",7,"other\u002Fneutral\u002Fnone","minikomi",[189,192],{"id":190,"t":191,"points":33,"comments":37},"5443925",1364311809,{"id":4,"t":12,"points":14,"comments":15},[194,199,204,208,213,217],{"id":195,"name":196,"points":197,"category":198},"5482081","Cap'n Proto",286,"languages",{"id":200,"name":201,"points":202,"category":203},"5468467","Nightweb",257,"consumer_social",{"id":205,"name":206,"points":207,"category":198},"5480073","Chardin.js",203,{"id":209,"name":210,"points":211,"category":212},"5485513","HN Store",190,"productivity",{"id":214,"name":215,"points":216,"category":203},"5474588","YouFM",132,{"id":218,"name":219,"points":220,"category":221},"5458248","Redstone",125,"infrastructure",15,false,"v2",{"id":226,"name":5,"line":6,"ai":223,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":227,"top":18,"kw":228,"maker":11,"domain":10,"tier":19,"attempts":153,"strip":229,"url":9,"mix":230,"praise":61,"objection":74,"sub":21},5471003,-0.12,[24,25,26,27],"50300101051310301050",[31,31,32,33],1794036505443]