How to debug websites on your mobile device using Google Chrome

Published on January 31, 2016 in Other · Read time 3 minutes

I can’t believe I have survived this long as a web developer without knowing you can debug websites (JavaScript, CSS, HTML, TypeScript etc.) directly on your mobile device using Google Chrome developer tools. If you are currently using emulators/simulators or testing solutions such as Browser Stack, you will love this easy and free solution. Be warned, however, you will be expected to download 6+ gigabytes of stuff before the magic begins. I’ve only tested this on my Samsung Galaxy S6 Edge (running Android 5.1.1) but I believe it also works on an iPhone. Prerequisite Software Before connecting your phone to your computer, please ensure you have all of the following software installed; A recent version of the Java Development Kit (JDK) Android Software Development Kit (SDK) Android SDK Platform Tools If you have a Samsung mobile device, ensure you have the Samsung Android USB Driver for Windows installed. If you don’t please download a suitable driver for your device. Google maintains a helpful (although not comprehensive) list of drivers to help you out. Set up your device Setting up your device is pretty simple. Start by connecting it to your computer with a USB cable and…