Ionic 2 remote Safari app debugger shuts down immediately

Question

I am trying to debug an application written in Ionic 2 (Angular 2) on a device using Safari Remote Access Tools. When the application is open, and I connect the iphone to the Mac, it displays in Safari > Develop, but as soon as I connect to it (and the dev tools appear), it disappears from the menu Safari > Developand into the newly opened developer tools I can’t execute anything in the console and don’t Extend node in the Elements panel.

When I disconnect and replace the device, it appears again in Safari > Develop, but the devtools window has disappeared, and as soon as I open it again ... The same.

Any help?

Answer 1

You will not believe that solved the problem ....

Running Safari.app through the terminal, after executing it /Applications/Safari.app/Contents/MacOS/Safari, he opened Safari, as usual, but for some strange reason, he did not disconnect my device when connecting to it using remote developer tools.

Answer 2

I managed to launch it in two stages: First, I used some debug console using ios-webkit-debug-proxy on the linux machine ( https://github.com/google/ios-webkit-debug-proxy ) (you need to compile from sources including libimobiledevice tools to make it work with iOS> = 10)

, , Refused to load the script 'http://xxxxx' because it violates the following Content Security Policy directive: "connect-src ..., android chrome. <meta http-equiv="Content-Security-Policy" content="..." index.html. , , connect-src wss://s-usc1c-nss-128.firebaseio.com http://my_local_ip:4200 https://maps.googleapis.com ws://*;