The Other Dev Tools
0 likes1,074 views
This document provides an overview of developer tools available in different browsers beyond Chrome. It reviews the inspect/debugging capabilities in Firefox, Safari, Internet Explorer, and mobile browsers. It encourages developers to learn about the changes at the HTML, CSS, and JavaScript levels across browser updates, and stresses the importance of clear documentation from browser vendors on tool changes and new features. The document demonstrates various debugging techniques across browsers.
The Other Dev Tools
- 1. THE OTHER DEV TOOLS AKA THERE'S MORE TO (DEV)LIFE THAN CHROME
- 2. WHO AM I? Raymond Camden Developer for Adobe Bloggingatraymondcamden.com Tweetingat@raymondcamden I screw up alot.
- 4. WHY?
- 11. GAME PLAN Quick review whatChrome does Compare similar features in other browsers Run some broken code!
- 12. CHROME DEV TOOLS Inspect/ModifyDOM InspectNetwork calls DebuggingJavaScript Audits and Performance Mobile/Responsive emulation, Mobile Platform Storage Extensions
- 13. LEARNING MORE Main Docs: https://developer.chrome.com/devtools/index @chromiumdev
- 14. LEARNING MORE? AboutChrome Release notes? / Google+ and html5rocks.com Example Another Example
- 15. WHAT I WANT AS A WEB DEVELOPER Clear docs on whathas changed (and easyto find docs!) Docs on whatchanged atthe HTML, JS, CSS level Docs on whatchanged atthe browser level, both in and outof devtools
- 17. DEMO
- 19. LEARNING MORE Main Docs: https://developer.mozilla.org/en-US/docs/Tools Bonus pro tip: Google for "mdn anythingweb" @firefoxdevtools
- 20. LEARNING MORE? AboutFirefox Release notes?Help /What's New, then Developer Information MozillaHacks (hacks.mozilla.org)
- 23. DEMO
- 24. LEARNING MORE Main Docs: https://developer.apple.com/ library/mac/documentation/AppleApplications/ Conceptual/Safari_Developer_Guide Twitter: HAHAHAHAHAHAHAHAHAYEAHRIGHT
- 25. LEARNING MORE? WWDC? Random coolpeople on the Internet caniuse.com
- 27. "InternetExplorer - the browser mostused to download other browsers..."
- 28. A PLEA
- 29. DEMO
- 30. LEARNING MORE Main Site: http://msdn.microsoft.com/library/ie/bg182326.aspx Also: http://msdn.microsoft.com/en-US/ie ( ) @iedevchat ex
- 31. LEARNING MORE? IE blog: http://blogs.msdn.com/b/ie/
- 32. OTHER TIPS Linting-notjustfor the OCD! UnitTest-butof course you alreadyare! Externalnetwork tools (Charles, Service Capture)
- 33. OTHER TIPS - MOBILE SPECIFIC Chrome and Safarifor Android and iOS GapDebug-https://www.genuitec.com/products/gapdebug/ Weinre -http://people.apache.org/~pmuellr/weinre- docs/latest/
- 34. THANK YOU!