Did you know it’s possible to see console.logs on Chrome for iOS?
I was astonished at first, but it can be really helpful to debug console.logs you placed directly from a mobile iOS device.
Of course, you already can debug iOS on Safari, but Safari has its own rendering and might behave differently. The Chrome team decided to build in a logger for all tabs even!
How it works:
Chrome for iOS Console Log
To enable the feature, open Chrome on your mobile device and type the following URL:
This will open up a tab looking like this. You can then tap the “start logging” button.
Note: The site is not responsive. That’s why it looks so tiny.
It’s important not to remove this tab, so open a new tab with the website you want to inspect for console logs.
In my example, I use a Codepen, which always just retunrns one console.log.
The results will look like this:
And there you go, a super simple but effective way to console.log in Chrome on your iOS phone or iPad.