Phonegap application does not display correctly on iOS emulator or device

Question

In the process of developing my phonegap / cordova application, I used the handset. When I access my application through the handset with the Phonegap application, the application works as expected.

However, when I run “iOS on the phone,” either on the emulator itself or on the iPhone itself, the jQuery Mobile merge kit does not appear in the second half of the screen.

Here is the last perfect code in the development branch: https://github.com/kacole2/jsmap1/tree/placesAPI

This is what the app looks like when viewed with "phonegap serve"

Here's what the app looks like when viewed on an emulator or iOS device using "phonegap run ios"

Thanks in advance for any help

Answer 1

To view console output (javascript) for a webview application (for example, Phonegap), do one of the following:

Safari (iOS): On your device, turn off private browsing and turn on the web inspector. In Safari, enable development tools, and you should see the device in the Developer menu. Select it and use Cmd + R to update and get results when the application starts.

Chrome (Android): Go to chrome: // check / # devices and open webview. Use ctrl + R to update and view the results when the application starts. Also, make sure debugging is enabled on your Android device.