Safari Remote Web Inspector/Cordova

[Rob Gillan]

Hi,

We've been trying to enable Safari's remote web inspector for our Cordova app (2.4).  Everything on the OSX end is good (Safari 6.0.2/OSX 10.8.2/XCode 4.6), and the iPad (iOS6.1) is showing up in the safari/debug menu when we plug it in.  With the Cordova app running on the device, we never see the app appear in the debug menu, only "no inspectable applications" comes up.  If we open up 'www.google.com' from Safari it shows up, just not our native Cordova built app.

Everywhere we look says it's possible (http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers), does anyone have any clues as to why it's not showing up?  Have confirmed on the device that remote debugging is enabled and private browsing is off.

Thanks

Rob

[Jason Rosenbaum]

This is what I've been using:

http://debug.phonegap.com

_________________________________
Jason Rosenbaum

Email/GChat: sem...@theseminal.com
Cell: 914.806.1939
Twitter: http://twitter.com/j_ro

--
-- You received this message because you are subscribed to the Google
Groups "phonegap" group.
To post to this group, send email to phon...@googlegroups.com
To unsubscribe from this group, send email to
phonegap+u...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/phonegap?hl=en?hl=en
 
For more info on PhoneGap or to download the code go to www.phonegap.com
 
To compile in the cloud, check out build.phonegap.com
---
You received this message because you are subscribed to the Google Groups "phonegap" group.
To unsubscribe from this group and stop receiving emails from it, send an email to phonegap+u...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[ScottP]

On your iDevice, make sure you turn on Web Inspector found in Settings>Safari>Advanced.

Also Turn off Private browsing for your iDevice in Settings>Safari

 

Scott

[Rob Gillan]

Scott,

Have confirmed on the device that remote debugging (Web Inspector) is enabled and private browsing is off.  Have you a PG/Cordova compiled app on a device appearing in the Safari debuggable apps list?  Nothing we do seems to make it appear.

Cheers

[mr.s]

I thought Safari's remote web inspector was for debugging content in Mobile Safari.

PhoneGap compiled apps don't run in Mobile Safari.  I doubt the debugger extends to UIWebView components.

[ScottP]

Yes, I've used web inspector with cordova apps.

Yes, it can be used with device or simulator.

 

Just out of curiousity, have you tried using web inspector with the simulator? Just wondering if that is not working either.

I see that you are using cordova 2.4, I'm using 2.1 - I wouldn't think that would matter though.  Not sure what else to tell you. I'll double check once I get back to computer tonight and see what else I can dig up.

Scott

[Jason Rosenbaum]

I am. I'm not sure why it works per se -- it just works and I didn't have to do anything to set it up that I can recall. But it works running on my phone as well as in the sim.

_________________________________
Jason Rosenbaum

Email/GChat: sem...@theseminal.com
Cell: 914.806.1939
Twitter: http://twitter.com/j_ro

On Apr 9, 2013, at 9:14 AM, Jan Becicka <jbec...@gmail.com> wrote:

I can verify, that I can use web inspector with the simulator, but I cannot use web inspector with the very same app running on real device.

So the question is: Does it really work on real device? Is there a single developer able to do this?

Thanks,

Jan

Dne čtvrtek, 14. února 2013 14:55:50 UTC+1 ScottP napsal(a):

[Shazron]

You have to enable it in Settings.app -> Safari -> Advanced -> Web Inspector (On)

On Tue, Apr 9, 2013 at 6:14 AM, Jan Becicka <jbec...@gmail.com> wrote:

I can verify, that I can use web inspector with the simulator, but I cannot use web inspector with the very same app running on real device.

So the question is: Does it really work on real device? Is there a single developer able to do this?

Thanks,

Jan

Dne čtvrtek, 14. února 2013 14:55:50 UTC+1 ScottP napsal(a):

Yes, I've used web inspector with cordova apps.

--

[Jan Becicka]

Sure. I have it enabled. I am able to inspect Mobile Safari on device, but not PhoneGap App.

Thanks,

Jan

You received this message because you are subscribed to a topic in the Google Groups "phonegap" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/phonegap/II1UMUawYBI/unsubscribe?hl=en-US.
To unsubscribe from this group and all its topics, send an email to phonegap+u...@googlegroups.com.

[Shazron]

Remote Inspector didn't work on the device until I had it enabled, now it works. Try with another person's device to rule out issues with yours?

[jbec...@gmail.com]

In fact this issue was discovered by my colleague. He is not able to debug PhoneGap app. I wanted to show him, that it works, but it does not for me. I tried it with my own app, my iPad and my macbook and I have the very same issue as him.

Jan

[Shazron]

Can someone else besides the two of us verify either way? Not sure how to debug this one yet

[Kerri Shotts]

I can, and do, debug my PG apps via Safari. 

Thoughts:

1) Make sure the device is tethered. Make sure Xcode can talk to it. 

2) Restart Safari /after/ plugging in the iDevice. I've had occasions where Safari won't register my device until I restart the browser. 

3) Restart your device. Perhaps there's a problem in the communication between the device and Safari that will be resolved by rebooting the device. 

4) I'm not sure, but does the device have to be marked as a development device? (all mine are, so I can't verify if it is required or not)

Hope that helps...

Sent from my phone. 

___________________________________

Kerri Shotts

photoKandy Studios, LLC

On the Web: http://www.photokandy.com/

Social Media:

          Twitter: @photokandy, http://twitter.com/photokandy

          Tumblr: http://photokandy.tumblr.com/

          Github: https://github.com/kerrishotts

                        https://github.com/organizations/photokandyStudios

          CoderWall: https://coderwall.com/kerrishotts

Apps on the Apple Store:

          https://itunes.apple.com/us/artist/photokandy-studios-llc/id498577828

Books:

         http://www.packtpub.com/phonegap-2-mobile-application-hotshot/book

          http://www.packtpub.com/phonegap-social-app-development/book

[jbec...@gmail.com]

On Apr 9, 2013, at 8:43 PM, Kerri Shotts <kerri...@gmail.com> wrote:

I can, and do, debug my PG apps via Safari. 

Thoughts:

1) Make sure the device is tethered. Make sure Xcode can talk to it.

Verified

 2) Restart Safari /after/ plugging in the iDevice. I've had occasions where Safari won't register my device until I restart the browser. 

I don't have problems with Safari. Anyway restarted both Safari and my PhoneGap app. Didn't help.

3) Restart your device. Perhaps there's a problem in the communication between the device and Safari that will be resolved by rebooting the device. 

Restarted. Didn't help.

4) I'm not sure, but does the device have to be marked as a development device? (all mine are, so I can't verify if it is required or not)

Not sure what is "marked as development device". I can install my apps to my iOS device using our company provisioning profile. Is there anything else I need to do to have "development device"?

Thanks,

Jan

[Shazron]

See if there are any clues in this blog post+comments: http://moduscreate.com/enable-remote-web-inspector-in-ios-6/

[Gmail]

You're correct on the last part.

Sent from my iPad

On Apr 12, 2013, at 4:46 AM, Lorenzo Beltrami <lorenz...@gmail.com> wrote:

My solution:
I published an app with a distribution profile and the debug menu said "No inspectable application", when I build the app on my iDevice with a developer profile the app appeare in the menu.

I think Apple make app in distribution not inspectable.

[Jan Becicka]

Yes! That was the problem. I was using distribution profile, which does not allow debugging. Developer profile must be used.
Thanks,
jan

On Apr 12, 2013 11:50 AM, "Lorenzo Beltrami" <lorenz...@gmail.com> wrote:

My solution:
I published an app with a distribution profile and the debug menu said "No inspectable application", when I build the app on my iDevice with a developer profile the app appeare in the menu.

I think Apple make app in distribution not inspectable.

Il giorno giovedì 11 aprile 2013 17:26:08 UTC+2, Shazron Abdullah ha scritto: