The Other Dev Tools

THE OTHER DEV TOOLSAKA THERE'S MORE TO (DEV)LIFE THAN CHROME

WHO AM I?Raymond CamdenDeveloper for AdobeBlogging at raymondcamden.comTweeting at @raymondcamdenI screw up a lot.

WHY?

IT'S NOT WORKING...

HTML CIRCA 1995

ONE MORE STORY...

GAME PLANQuick review what Chrome doesCompare similar features in other browsersRun some broken code!

CHROME DEV TOOLSInspect/Modify DOMInspect Network callsDebugging JavaScriptAudits and PerformanceMobile/Responsive emulation, Mobile PlatformStorageExtensions

LEARNING MOREMain Docs: https://developer.chrome.com/devtools/index@chromiumdev

LEARNING MORE?About ChromeRelease notes? / Google+ and html5rocks.com

Example Another Example

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

DEMO

TOOLBAR OF AWESOME!

LEARNING MOREMain Docs: https://developer.mozilla.org/en-US/docs/ToolsBonus pro tip: Google for "mdn anythingweb"@firefoxdevtools

LEARNING MORE?About FirefoxRelease notes? Help / What's New, then DeveloperInformationMozilla Hacks (hacks.mozilla.org)

DEMO

LEARNING MOREMain Docs: https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_GuideTwitter: HAHAHAHAHAHAHAHAHA YEAH RIGHT

LEARNING MORE?WWDC?Random cool people on the Internetcaniuse.com

"Internet Explorer - the browser most used todownload other browsers..."

A PLEA

DEMO

LEARNING MOREMain Site:http://msdn.microsoft.com/library/ie/bg182326.aspxAlso: http://msdn.microsoft.com/en-US/ie ( )@iedevchat

ex

LEARNING MORE?IE blog: http://blogs.msdn.com/b/ie/

OTHER TIPSLinting - not just for the OCD!Unit Test - but of course you already are!External network tools (Charles, Service Capture)

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/

THANK YOU!