Question

我正在尝试编译一个应用程序，当我为android运行ionic serve时，它运行正常。

然而，当我在编译的apk上打开时，它显示一个空白页面。 config.xml如下所示。

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.airvend532374" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>MyApp</name>
  <description>
        An Ionic Framework and Cordova project.
    </description>
  <author email="you@example.com" href="http://example.com.com/">
      Your Name Here
    </author>
  <content src="index.html"/>
  <access origin="*"/>
  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="SplashScreenDelay" value="2000"/>
  <preference name="FadeSplashScreenDuration" value="2000"/>
  <preference name="android-minSdkVersion" value="16"/>
  <preference name="BackupWebStorage" value="none"/>
  <feature name="StatusBar">
    <param name="ios-package" value="CDVStatusBar" onload="true"/>
  </feature>
</widget>

我不知道如何查明是否存在任何javascript或文件加载问题。我有什么办法可以解决这个问题吗？

Answer 1

您可以调试手机上运行的cordova应用程序，如下所示：

使用USB线将手机插入计算机（确保在手机配置中启用了开发模式）
，导航此网址：chrome：// inspect

你应该看到关于你的cordova应用程序的调试信息。一个按钮“检查”。

- ＆GT;单击此按钮，这将打开您的cordova浏览器应用程序的chrome调试控制台

运行命令“cordova run android”

现在您可以检查“控制台”或“网络”标签并调试您的应用

Answer 2

查看此link详细了解使用Google Chrome在设备中调试Cordova应用的步骤。

另外，我建议您首先在准系统Cordova项目中尝试代码而不是离子，并在浏览器平台上进行相同测试，以确保在将应用程序移植到设备之前，基本屏幕可以在浏览器中运行。根据我的经验，浏览器平台易于测试和调试问题。

Cordova仅呈现index.html内容

2 个答案: