[{"data":1,"prerenderedAt":205},["ShallowReactive",2],{"blog:2008:safari-31-includes-developer-tools":3,"blogMore-Development":191,"comments-safari-31-includes-developer-tools":204},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"category":11,"excerpt":12,"body":30,"_type":179,"_id":180,"_source":181,"_file":182,"_stem":183,"_extension":184,"url":185,"wordCount":186,"minutes":187,"commentCount":188,"image":189},"/blog/2008/safari-31-includes-developer-tools","2008",false,"en","Safari 3.1 includes developer tools","Safari 3.1 has just been released and besides the partial CSS3 (fonts) and partial HTML5 (media tags, off-line storage) support there are some new developer tools included.","2008-03-18T13:58:54+00:00","Development",{"type":13,"children":14},"root",[15,25],{"type":16,"tag":17,"props":18,"children":19},"element","p",{},[20,23],{"type":21,"value":22},"text","Safari 3.1 has just been released",{"type":21,"value":24}," and besides the partial CSS3 (fonts) and partial HTML5 (media tags, off-line storage) support there are some new developer tools included.",{"type":16,"tag":17,"props":26,"children":27},{},[28],{"type":21,"value":29},"Safari has had a hidden Debug menu for some time and WebKit featured developer tools but with 3.1 Apple have unleashed them to the masses.",{"type":13,"children":31,"toc":175},[32,44,48,75,80,125,130,138,152,160],{"type":16,"tag":17,"props":33,"children":34},{},[35,43],{"type":16,"tag":36,"props":37,"children":41},"a",{"href":38,"rel":39},"https://www.apple.com/safari/",[40],"nofollow",[42],{"type":21,"value":22},{"type":21,"value":24},{"type":16,"tag":17,"props":45,"children":46},{},[47],{"type":21,"value":29},{"type":16,"tag":17,"props":49,"children":50},{},[51,53,59,61,66,68,73],{"type":21,"value":52},"Head into ",{"type":16,"tag":54,"props":55,"children":56},"em",{},[57],{"type":21,"value":58},"Preferences",{"type":21,"value":60}," > ",{"type":16,"tag":54,"props":62,"children":63},{},[64],{"type":21,"value":65},"Advanced",{"type":21,"value":67}," and choose ",{"type":16,"tag":54,"props":69,"children":70},{},[71],{"type":21,"value":72},"Show Develop menu in menu bar",{"type":21,"value":74}," to get this new Develop menu.",{"type":16,"tag":17,"props":76,"children":77},{},[78],{"type":21,"value":79},"It includes:",{"type":16,"tag":81,"props":82,"children":83},"ul",{},[84,90,95,100,105,110,115,120],{"type":16,"tag":85,"props":86,"children":87},"li",{},[88],{"type":21,"value":89},"Open Page With (Internet Explorer, Firefox 2/3, Camino, Mobile Safari etc.)",{"type":16,"tag":85,"props":91,"children":92},{},[93],{"type":21,"value":94},"User Agent switching",{"type":16,"tag":85,"props":96,"children":97},{},[98],{"type":21,"value":99},"Show Web Inspector (inspect element)",{"type":16,"tag":85,"props":101,"children":102},{},[103],{"type":21,"value":104},"Show Error Console (including HTML errors)",{"type":16,"tag":85,"props":106,"children":107},{},[108],{"type":21,"value":109},"Show Network Timeline (like Firebug’s network view)",{"type":16,"tag":85,"props":111,"children":112},{},[113],{"type":21,"value":114},"Show Snippet Editor",{"type":16,"tag":85,"props":116,"children":117},{},[118],{"type":21,"value":119},"Disable Caches/Images/Styles",{"type":16,"tag":85,"props":121,"children":122},{},[123],{"type":21,"value":124},"Disable JavaScript/Runaway JavaScript Timer/Site-specific hacks",{"type":16,"tag":17,"props":126,"children":127},{},[128],{"type":21,"value":129},"Here’s the Network Timeline in action on OS X:",{"type":16,"tag":131,"props":132,"children":137},"img",{"className":133,"src":135,"alt":136},[134],"screenshot","https://img.damieng.com/blog/Safari31Net.png","Screen-shot of Safari 3.1's Network Timeline on Mac OS X",[],{"type":16,"tag":17,"props":139,"children":140},{},[141,143,150],{"type":21,"value":142},"There are some odd drawing issues within the snippet editor and inspecting from the inspector on Windows but with this, Firebug and ",{"type":16,"tag":36,"props":144,"children":147},{"href":145,"rel":146},"http://msdn2.microsoft.com/en-us/library/cc304131(VS.85).aspx",[40],[148],{"type":21,"value":149},"Internet Explorer 8’s Developer Tools",{"type":21,"value":151}," we’re spoiled for choice!",{"type":16,"tag":17,"props":153,"children":154},{},[155],{"type":16,"tag":54,"props":156,"children":157},{},[158],{"type":21,"value":159},"[)amien",{"type":16,"tag":17,"props":161,"children":162},{},[163],{"type":16,"tag":164,"props":165,"children":166},"sub",{},[167,169],{"type":21,"value":168},"And no, it doesn’t pass the abstract ",{"type":16,"tag":36,"props":170,"children":172},{"href":171},"https://acid3.acidtests.org/",[173],{"type":21,"value":174},"Acid3 test",{"title":176,"searchDepth":177,"depth":177,"links":178},"",2,[],"markdown","content:blog:2008:safari-31-includes-developer-tools.md","content","blog/2008/safari-31-includes-developer-tools.md","blog/2008/safari-31-includes-developer-tools","md","/blog/2008/safari-31-includes-developer-tools/",165,1,0,{"className":190,"src":135,"alt":136},[134],[192,196,200],{"title":193,"date":194,"url":195},"HTML5 Video Cheatsheet: Optimizing videos for the web","2025-12-05T00:00:00Z","/blog/2025/html5-video-cheatsheet/",{"title":197,"date":198,"url":199},"Transactions in the MongoDB EF Core Provider","2025-10-25","/blog/2025/mongodb-explicit-transactions/",{"title":201,"date":202,"url":203},"Queryable Encryption with the MongoDB EF Core Provider","2025-09-22","/blog/2025/mongodb-queryable-encryption/",[],1779264587406]