SOLD OUT

Debugging the Mobile Web

Mike Taylor (Mozilla), Dan Callahan (Mozilla)
9:00am–12:30pm Monday, 04/20/2015
Cross-platforming
Location: Salon 1/2
Average rating: **...
(2.54, 13 ratings)

THIS TUTORIAL HAS REQUIREMENTS AND INSTRUCTIONS LISTED BELOW

The mobile Web continues to be a challenging place for developers and user alike. In this workshop, attendees will learn how to diagnose the many different types of compatibility issues that occur in different mobile browsers.

In this workshop we’ll cover tooling and techniques for debugging (and hopefully fixing) JavaScript, CSS, and HTTP issues. These issues are based on real compatibility bugs reported to browser vendors.

If you attend this workshop you will get hands-on experience in the following:

  • How to use the responsive modes of Firefox and Chrome DevTools to figure out broken layouts (or test not-so-broken ones)
  • How to step debug through troublesome touch event code using remote debugging
  • How to use command line tools to make HTTP requests and understand how servers might treat mobile devices differently
  • Fixing “old” Flexbox CSS layouts to work with modern implementations

This will be a hands-on session. Attendees should bring their mobile phones or tablets and a USB cord to connect them to their laptops. Feel free to come prepared with your own compatibility issues and we can debug them together as a group.

TUTORIAL REQUIREMENTS AND INSTRUCTIONS FOR ATTENDEES

This session isn’t aimed at experts, but for developers who know the foundations of the web (HTML, CSS, JS, etc). but want to learn more how to tackle related issues and bugs on mobile browsers.

A laptop, mobile phone, and USB cord (I can bring a handful of Androids), either a *nix-related computer (Linux, Mac), or something like Cygwin installed on Windows.

Photo of Mike Taylor

Mike Taylor

Mozilla

Mike works as a Web Compatibility Engineer at Mozilla from Austin, TX.

Photo of Dan Callahan

Dan Callahan

Mozilla

Dan Callahan is a Senior Software Engineer in Mozilla’s Developer Relations team, where he focuses on the Firefox Developer Tools. Dan previously worked on the Mozilla Persona project, an attempt at replacing passwords with user friendly public key cryptography built on open web standards.

Dan tweets as @callahad and swears he has every intention to blog at http://dancallahan.info.

Comments on this page are now closed.

Comments

Picture of Roseanne Fallin
Roseanne Fallin
04/23/2015 1:44am PDT

Thanks for the talk. Where can I get your slides?

Andrew Grieve
04/14/2015 3:03am PDT

Thanks for the instructional email. Is an iPhone going to work OK ?