logo标签列表

如何避免在安卓设备上出现Phonegap应用程序空白屏幕？

javascriptandroidcordovadojo
3
我正在使用Phonegap将Web应用程序部署到iOS和Android平台。我可以在两个平台上部署，但当应用程序在安卓模拟器（以及任何我用来测试应用程序的物理设备）上启动时，它会停留在一个白色/空白画布上，永远无法进入应用。最初，我认为这与JavaScript有关，尽管我不认为这是有意义的，因为我在iOS上没有同样的问题（但我知道，这可能与浏览器有关）。我通过互联网研究了这个问题，但任何可能有意义的解决方案都没有对我起作用。我尝试过的解决方案：PhoneGap Build iOS app has blank white screen after splash screen我正在使用的Phonegap版本是：v3.3.0，同时我也在使用一个Javascript框架：Dojo，v1.9。
如果您的应用程序使用或需要白名单插件，请参见https://dev59.com/z2Ij5IYBdhLWcg3wWkCd#34371334。 - Midhun KM
2个回答
2
我的简短回答是...使用Weinre调试那个东西：

http://people.apache.org/~pmuellr/weinre/docs/latest/

Weinre与Chrome/Safari检查器非常相似，只是用于远程浏览器（如本机WebView！）。相当棒，不是吗？需要进行一些设置，但对我来说非常值得。可以交互式地测试您的假设，并以比在logcat中打印出更好的方式查看您的console.log语句（在android情况下）。


关于此事的一些思考：
在过去几个月中开发我的应用程序时，我遇到了很多次空白屏幕的问题。对我来说，这从未是同样的问题，总是由于我在开发过程中犯了错误。
例如，没有通过命令行添加Cordova插件，却试图在我的应用程序的JavaScript逻辑中引用该插件。
另一个例子是没有在服务器上设置正确的跨域内容，初始的ajax调用在桌面/本地主机上运行良好，但一旦部署到设备上，它就会崩溃（显示白屏）。
最近的另一个例子是我尝试在Android 2.3上使用Sencha，结果也是出现了白屏。也许Dojo也有类似的问题？


按要求，这是我的当前config.xml文件中的设置，可在iOS和Android上正常工作。
<preference name="permissions" value="none" />
<preference name="orientation" value="portrait" />
<preference name="target-device" value="universal" />
<preference name="fullscreen" value="false" />
<preference name="webviewbounce" value="true" />
<preference name="prerendered-icon" value="true" />
<preference name="stay-in-webview" value="false" />
<preference name="ios-statusbarstyle" value="black-opaque" />
<preference name="detect-data-types" value="true" />
<preference name="exit-on-suspend" value="false" />
<preference name="show-splash-screen-spinner" value="true" />
<preference name="auto-hide-splash-screen" value="true" />
<preference name="disable-cursor" value="false" />
<preference name="android-minSdkVersion" value="7" />
<preference name="android-installLocation" value="auto" />

希望这有所帮助。
我之前听说过Weinre（是的，它很酷^^），也用过它，但老实说我没有给它一个公正的机会。不过现在我打算重新尝试一下。让我更困惑的是，我在控制台日志中没有看到任何输出或错误信息。这就是我调试JavaScript代码时最无聊的地方。你能给我展示一个基本的config.xml文件吗？只需要包含Android配置即可。我有一种感觉它可能与启动画面之类的东西有关。 - nffdiogosilva
你的偏好设置与我的唯一不同之处是全屏选项。尽管我已经更改了那个“标志”，问题仍然存在。我毫不怀疑，现在它与javascript有关。我已经发布了一个新问题，详细说明了问题。如果您有时间，请务必查看：http://stackoverflow.com/questions/22565988/how-to-solve-android-phonegap-app-syntaxerror-parse-error-blank-screen-issue - nffdiogosilva
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接