Mobile debugging

on YouTube ↗48m

" summary

Lists specific tools and techniques and shows what actually works: remote REPL and logging with JSConsole; live DOM inspection and remote eval with weinre; observing HTTP traffic via Charles/Fiddler proxy and tethering to reproduce 3G gateway bugs; Adobe Shadow for synchronized refresh across devices; Chrome/Android and PlayBook remote devtools for full inspection; aardwolf-style step debugging as an approach; tips for emulating slow networks, avoiding injected-console pitfalls, and diagnosing carrier-side mangling of JS. Slides: https://speakerdeck.com/rem/mobile-debugging

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 14:02Make test cases
3. 39:02Build your own tools
4. 45:26Desktop quality

" related talks

• 47mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!Mike Herchel · Frontend United 2018
• 33mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · You Gotta Love Frontend 2019
• 29mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · JSConf Budapest 2019
• 03mEntrevistaJon Rojí · Commit Conf 2019
• 28mEssential JS debugging tools for the modern detectiveRebecca Hill · localhost conference 2019
• 53mBeyond console.logAaron Powell · NDC Sydney 2016
• 25mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!Mike Herchel · DevFest Florida 2019
• 50mRocking Out with Browser-Based Developer toolsMike Herchel · DrupalCamp Spain 2017