Upload
raymond-camden
View
376
Download
5
Embed Size (px)
DESCRIPTION
Talk given at Modern Web Conf 2014. Discusses browser dev tools outside of Chrome Dev Tools.
Citation preview
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!