Talk given at Modern Web Conf 2014. Discusses browser dev tools outside of Chrome 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?

5. IT'S NOT WORKING...

7. HTML CIRCA 1995

9. ONE MORE STORY...

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

18. TOOLBAR OF AWESOME!

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!