Cordova只呈现index.html内容

Cordova renders only the index.html content

本文关键字：html 内容 index Cordova      更新时间：2023-09-26

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

然而，当我打开编译后的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或文件加载问题。我能做点什么来弥补吗?

你可以调试你的cordova应用程序在你的手机上运行:

  1. 用usb线将手机连接到计算机(确保在手机配置中启用了开发人员模式)

  2. 在你的chrome浏览器中，浏览这个url: chrome://inspect

你应该看到你的cordova应用的调试信息&"inspect"按钮。

->点击这个按钮，这将打开chrome调试控制台为您的cordova浏览器应用程序

  1. 运行cordova run android命令

现在你可以选择"控制台"或"网络"选项卡并调试你的应用

查看此链接，详细说明使用google chrome在设备中调试Cordova应用程序的步骤。

我也建议你首先尝试你的代码在barebone Cordova项目，而不是ionic和测试相同的浏览器平台，以确保基本屏幕在浏览器中工作，然后将应用程序移植到设备。根据我的经验，浏览器平台很容易测试和调试问题。

相关文章：