PhoneGap应用程序在iOS模拟器或设备上无法正常显示 [英] Phonegap application isn't showing properly on iOS emulator or device

问题描述

在我的phonegap / cordova应用程序的开发过程中，我使用phonegap服务。当我通过phonegap服务与Phonegap应用程序访问我的应用程序时，应用程序按预期工作。

然而，当我在模拟器或iPhone本身上执行phonegap run ios时，jQuery Mobile可折叠集合在屏幕的下半部分看不到。 / p>

这是开发分支上最新提交的代码：
https://github.com/kacole2/jsmap1/tree/placesAPI

这是应用程序在查看时的外观phonegap serve

这是当在具有phonegap run ios的模拟器或iOS设备上查看时，应用程序的外观
<

解决方案

要查看控制台输出（例如Phonegap）的应用程式（javascript），请执行下列其中一项操作：

Safari（iOS）：
在装置上，浏览和启用Web检查器。在Safari中启用开发工具，您应该在Developer菜单中看到该设备。

Chrome（Android）：
导航到chrome：// inspect /＃选择它，并使用Cmd + R刷新并获取应用程序启动的输出。设备并打开webview。使用ctrl + R刷新并查看应用程序启动的输出。此外，请确保在Android设备上启用调试。

During the development process of my phonegap/cordova application I used "phonegap serve". When I access my application through "phonegap serve" with the Phonegap app, the application is working as expected.

However when I perform a "phonegap run ios" on either the emulator or iPhone itself, the jQuery Mobile collapsable set is not seen on the second half of the screen.

Here is the latest committed code on the development branch: https://github.com/kacole2/jsmap1/tree/placesAPI

This is how the application looks when viewed with "phonegap serve"

This is how the application looks when viewed on the emulator or iOS device with "phonegap run ios"

Thank you in advance for any help

解决方案

To view the console output (javascript) for an app with a webview (like Phonegap), do one of the following:

Safari (iOS): On the device, disable private browsing and enable web inspector. In Safari enable development tools and you should see the device in the Developer menu. Select it and use Cmd+R to refresh and get the output from app startup.

Chrome (Android): Navigate to chrome://inspect/#devices and open the webview. Use ctrl+R to refresh and see the output from app startup. Also, make sure that debugging is enabled on the Android device.

这篇关于PhoneGap应用程序在iOS模拟器或设备上无法正常显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！