Mobile Debugging

I recently made myself a new personal website, and I noticed there were a couple of problems with the mobile version: the font-awesome icons weren’t displaying, and the collapsed, mobile-friendly navbar wasn’t expanding.

I was at a loss for how to debug these problems, until I discovered this guide.  After a bit of set up (most of which I’d already taken care of for Android app development) I was able to navigate to chrome://inspect and access the full suite of developer tools for my phone.

After that, debugging was easy.  The navbar issue was a simple typo in the ID attribute, and the icon issue was the mobile site loading a different (faulty) format than the web version.

Celebratory cat gif:

gif of a cat using a mouse on a computer


 Date: October 30, 2015
 Tags:  DulyNoted

Previous:
⏪ Partisanship On Display

Next:
The End of an Error (Kind Of) ⏩