The Other Dev Tools
-
Upload
raymond-camden -
Category
Technology
-
view
376 -
download
5
description
Transcript of The Other Dev Tools
![Page 1: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/1.jpg)
THE OTHER DEV TOOLSAKA THERE'S MORE TO (DEV)LIFE THAN CHROME
![Page 2: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/2.jpg)
WHO AM I?Raymond CamdenDeveloper for AdobeBlogging at raymondcamden.comTweeting at @raymondcamdenI screw up a lot.
![Page 3: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/3.jpg)
![Page 4: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/4.jpg)
WHY?
![Page 5: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/5.jpg)
IT'S NOT WORKING...
![Page 6: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/6.jpg)
![Page 7: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/7.jpg)
HTML CIRCA 1995
![Page 8: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/8.jpg)
![Page 9: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/9.jpg)
ONE MORE STORY...
![Page 10: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/10.jpg)
![Page 11: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/11.jpg)
GAME PLANQuick review what Chrome doesCompare similar features in other browsersRun some broken code!
![Page 12: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/12.jpg)
CHROME DEV TOOLSInspect/Modify DOMInspect Network callsDebugging JavaScriptAudits and PerformanceMobile/Responsive emulation, Mobile PlatformStorageExtensions
![Page 13: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/13.jpg)
LEARNING MOREMain Docs: https://developer.chrome.com/devtools/index@chromiumdev
![Page 14: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/14.jpg)
LEARNING MORE?About ChromeRelease notes? / Google+ and html5rocks.com
Example Another Example
![Page 15: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/15.jpg)
WHAT I WANT AS A WEB DEVELOPERClear docs on what has changed (and easy to find docs!)Docs on what changed at the HTML, JS, CSS levelDocs on what changed at the browser level, both in and out ofdev tools
![Page 16: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/16.jpg)
![Page 17: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/17.jpg)
DEMO
![Page 18: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/18.jpg)
TOOLBAR OF AWESOME!
![Page 19: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/19.jpg)
LEARNING MOREMain Docs: https://developer.mozilla.org/en-US/docs/ToolsBonus pro tip: Google for "mdn anythingweb"@firefoxdevtools
![Page 20: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/20.jpg)
LEARNING MORE?About FirefoxRelease notes? Help / What's New, then DeveloperInformationMozilla Hacks (hacks.mozilla.org)
![Page 21: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/21.jpg)
![Page 22: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/22.jpg)
![Page 23: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/23.jpg)
DEMO
![Page 24: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/24.jpg)
LEARNING MOREMain Docs: https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_GuideTwitter: HAHAHAHAHAHAHAHAHA YEAH RIGHT
![Page 25: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/25.jpg)
LEARNING MORE?WWDC?Random cool people on the Internetcaniuse.com
![Page 26: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/26.jpg)
![Page 27: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/27.jpg)
"Internet Explorer - the browser most used todownload other browsers..."
![Page 28: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/28.jpg)
A PLEA
![Page 29: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/29.jpg)
DEMO
![Page 30: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/30.jpg)
LEARNING MOREMain Site:http://msdn.microsoft.com/library/ie/bg182326.aspxAlso: http://msdn.microsoft.com/en-US/ie ( )@iedevchat
ex
![Page 31: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/31.jpg)
LEARNING MORE?IE blog: http://blogs.msdn.com/b/ie/
![Page 32: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/32.jpg)
OTHER TIPSLinting - not just for the OCD!Unit Test - but of course you already are!External network tools (Charles, Service Capture)
![Page 33: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/33.jpg)
OTHER TIPS - MOBILE SPECIFICChrome and Safari for Android and iOSGapDebug - https://www.genuitec.com/products/gapdebug/Weinre - http://people.apache.org/~pmuellr/weinre-docs/latest/
![Page 34: The Other Dev Tools](https://reader034.fdocuments.in/reader034/viewer/2022051412/54c560654a7959595d8b4679/html5/thumbnails/34.jpg)
THANK YOU!