23

My web application is malfunctioning when running inside the native Facebook app for iOS (clicking in a link does not open Safari, but an embedded browser inside the app).

When running the iOS emulator, in my desktop safari I have the option to attach the debugger to mobile Safari... So I was wondering if it was possible to do the same with an embedded view running in an iPhone connected with the USB cable.

Another problem that I've seen is that the Facebook app makes a very aggressive caching of any web content, so I cannot refresh the page and see if my changes work. The only way I have found to clean the web cache of the native iOS Facebook app is uninstalling and installing it again. A solution for that will be very welcome too.

fortran
  • 74,053
  • 25
  • 135
  • 175
  • 5
    This is quite annoying, as I'm trying to debug a page that behaves differently under FB's embedded browser vs. Mobile Safari.app. Going to try some alternative debugging techniques, but yeah, not being able to attach to an embedded browser on iOS devices is frustrating. – dossy Jun 10 '13 at 15:20
  • 3
    Same here. Driving me insane. – drogon Oct 02 '13 at 04:50
  • 1
    Yep, same here. FB embedded browser doesn't seem to post hidden form values, but nothing is sure without debugging tools. – Elger Mensonides Oct 09 '13 at 16:16
  • 1
    Anyone have a solution for this yet? I can't debug why my FB.ui share isn't working... – koosa Nov 06 '13 at 19:24
  • If somebody found a solution, it wasn't shared here... :/ – fortran Nov 06 '13 at 21:57
  • I am unable to save photos even the browser location is http://path/to/theimage.jpg. I get a magnifying glass. I used -webkit-user-select: none on the img, and works in safari browser. – JacobRossDev Jul 12 '14 at 22:45
  • at today i have similar problems , if someone knows something it would be useful to share here.. – Stormsson Sep 10 '14 at 07:55
  • Same here. My issue is with the browser in the iOS Twitter app. How are we supposed to debug this!? Does the answer below work? Don't see it accepted or commented on. – Shumii Jul 29 '15 at 08:08
  • Possible duplicate of [How to debug on Facebook Internal Browser (Mobile)?](https://stackoverflow.com/questions/27199489/how-to-debug-on-facebook-internal-browser-mobile) – Brian Kung Oct 12 '17 at 15:19

2 Answers2

6

I think the solution to this problem is to use http://jsconsole.com with remote debugging. It will stream in exceptions and log statements remotely.

Justin Ratner
  • 61
  • 1
  • 2
1

I am using this. It works fine to me https://github.com/MicrosoftDX/Vorlonjs very easy to install

$ npm i -g vorlon
$ vorlon

after installation, you need to add this to your app

 <script src="http://localhost:1337/vorlon.js"></script>
Christian
  • 773
  • 7
  • 11
  • 1
    An old tool but still work like a charm, thanks for the answer – William Chong May 27 '19 at 12:29
  • VorlonJS hasn't been updated for 5 years, can I debug CSS for a website in Facebook Messenger's new integrated browser with this? Messenger doesn't seem to use Android Webview anymore. So how can anyone debug in the same way as with Chrome Developer Tools?? – Gabriel Jul 23 '22 at 13:27