25

I am developing a web app that involves touchEvent. It will be much more easier to debug those if I can view the console remotely on my Mac.

Can I make my Mobile Safari on the iOS device store the console log somewhere in the system. I have already jailbreak my iPad.

Thanks!

felixlaumon
  • 794
  • 3
  • 9
  • 15

7 Answers7

27
  1. plug iphone into computer
  2. settings > safari > advanced > web inspector (turn on)
  3. open safari on your computer
  4. run your web app on your iphone in the safari browser
  5. on your computer in safari, go to Develop -> "name of your iphone" and then find the correct tab under "Safari" opens Web Inspector.

doing these steps enables the safari debug tools on your desktop to reflect and respond to the connected iphone.

hope that helps.

Tzach
  • 12,889
  • 11
  • 68
  • 115
jared
  • 652
  • 9
  • 19
  • 1
    I'm using Safari 13.0.1 and I don't see a "Inspectable Applications" button. What I did see was the name of my phone and only then a list of my open Safari tabs on mobile. – Paul Razvan Berg Sep 29 '19 at 14:02
  • 1
    answer still works, except the last step (Safari 13.1.2) => simply open Safari on your Mac -> Develop -> "name of your iPad" and then find the correct tab under "Safari" opens Web Inspector. – Aitch Oct 15 '20 at 15:12
5

One File Remote Console.log for node.js

Solution: Server side console log.

franzlorenzon
  • 5,845
  • 6
  • 36
  • 58
felixlaumon
  • 794
  • 3
  • 9
  • 15
5

Just turn on the debugging console in Mobile Safari. This is enabled in Settings/Safari/Developer.

phatmann
  • 18,161
  • 7
  • 61
  • 51
1

You can use a remote javascript console. There a few available.

franzlorenzon
  • 5,845
  • 6
  • 36
  • 58
1

In iOS6, you can now use the Remote Web Inspector on OSX to connector to the iPhone via USB. See the Apple documentation for more information.

Case
  • 1,848
  • 21
  • 32
0

Not sure if I'm allowed to re-post my answer from another question, but at this link here I posted 3 options of JS console and logging tools that can assist with troubleshooting issues on iOS devices, with screenshots and sample code snippets. One of these is an open source tool I built myself, but the other two are probably even more advanced.

Simon East
  • 55,742
  • 17
  • 139
  • 133
-2

mobile-console-log is also a utility for debugging directly from your mobile into Chrome Devtools

jlguenego
  • 1,192
  • 15
  • 23