1. IDE
2. Source Control (git)
3. Server (staging, production)
4. Testing tools
   • Operating Systems
   • Browsers
   • Devices

• They are convenient
• Good for ease of development
• They are NOT devices!
  1. more memory
  2. better performance
  3. no touch
  4. different hardware
• SDKs

• Android Debug Bridge (ADB)
  In tools, open "Android"
• Android Device Monitor (Monitor)
  In tools, open "Moniter"
  • Under Window > Anroid SDK Manager
  • and Android Virtual Device Manager
  • Console.log() viewable in console

10.0.2.2

10.0.2.2:9999 (see Android)

Remote Debugging in Android

1. Install Firefox-OS-Simulator Add on
2. Tools > Web Developer > Firefox-OS-Simulator
3. Add Directory > link to .webapp file
   This will open simulator
4. Connect (on left)
5. Connect (on popup)
6. XUL Link (on pop up)

Enable Web Inspector in BB Browser options

• Open the BlackBerry Browser.
• Swipe down to display menu bar
• Settings icon > Developer Tools
• Web Inspector setting to On

Enter IP and port number provided into your desktop browser

1. Desktop tools are quite mature
   (Firebug 1 came out in 2007)
2. There is only one web!

• Currently in Chrome Canary
• View > Developer > Developer Tools (or alt-cmd-i)
• DevTools > Settings > Workspaces
• Add local folders
• Under "sources" tab, see sources, map to local files, etc.

1. Enable Developer Tools experiments (chrome://flags)
2. Sass stylesheet debugging in Experiments (devTools settings)
3. Add sourcemap flag: Command Line

   $ sudo gem install sass --pre
   
   $ sudo gem install compass
   
   $ sass --watch --compass --sourcemap sass/:css/

• Charles Proxy
  HTTP proxy / HTTP monitor / Reverse Proxy
  www.charlesproxy.com
• Fiddler
  Proxy Debugger
  www.fiddler2.com

• Browser Stack
  Manually Testing
  www.browserstack.com
• DeviceAnywhere
  Manually Testing
  www.keynotedeviceanywhere.com
• Sauce Labs
  Automated testing
  www.saucelabs.com

If you have Google Analytics

Page Speed

• Content > Site Speed > Overview
• Advanced Segments > Mobile Traffic + Tablet Traffic

If you have google analytics

Google Analytics - BreakPoints

• Audience > Mobile > Devices
• Primary Dimensions > Other > Screen Resolution