Mobile Web Debugging
-
Upload
ran-ben-aharon -
Category
Documents
-
view
2.187 -
download
0
description
Transcript of Mobile Web Debugging
![Page 1: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/1.jpg)
Mobile web Development and Debugging
![Page 2: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/2.jpg)
Ran Ben Aharon Front End lead at
![Page 3: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/3.jpg)
Will talk about
Connecting device to dev machine
Debugging and analyzing
Handling device variety
![Page 4: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/4.jpg)
Connecting device to dev machine
![Page 5: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/5.jpg)
Connect device
Direct IP access
Use proxy
3rd party service
Link to mdotlove article
![Page 6: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/6.jpg)
Simulator / Emulators
iOS simulator with xcode
Android emulator with Android SDK
Remote web service
![Page 7: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/7.jpg)
Debugging
![Page 8: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/8.jpg)
Deskstop browser dev
UserAgent switching
Touch event simulation
Viewport dimensions
![Page 9: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/9.jpg)
Console logging
iOS5- browser console
iOS6 remote debugger
Android via adb
Link to mdotlove post
![Page 10: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/10.jpg)
Remote inspection
Weinre, Adobe Edge Inspect, Trigger.io
iOS6 remote debugger
iWebInspector
![Page 11: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/11.jpg)
Device variety
![Page 12: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/12.jpg)
Device variety
Own the popular
Rental service
Remote web service
Device lab
![Page 14: Mobile Web Debugging](https://reader034.fdocuments.in/reader034/viewer/2022051515/5539108a4a7959f66c8b48af/html5/thumbnails/14.jpg)
WE’RE HIRING! Front End ninjas plz
http://corp.everything.me/jobs