在 https://build.phonegap.com/apps/*****/builds 构建 ipk 时,启动画面和图标未出现在 iOS 中
Splash Screen and icons are not appearing in iOS while building ipk at https://build.phonegap.com/apps/*****/builds
您好,当我尝试构建 ipk 时没有出现启动画面和图标,我正在 iphone 5s 检查它。添加的 zip 文件夹的文件夹结构如下。但是每当我在线构建它并下载时,安装后它的整个 web.config 都会改变
--config.xml
--www
--icons
--icon-29.png
--icon-40.png
--icon-50.png
--icon-50.png
--<many more>
--splash
--splash_320.png
--splash_640.png
--splash_640x.png
--<many more>
--index.html
config.xml
的结构
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.someapp.someappversionCode = " 1 " version= "1.0.0 " >
<name>Some text</name>
<description>
some text
</description>
<author email="support@example.com" href="http://example.com">
Some text
</author>
<gap:plugin name="org.apache.cordova.inappbrowser " />
<gap:plugin name="de.appplant.cordova.plugin.email-composer " />
<gap:plugin name="org.apache.cordova.splashscreen " />
<gap:plugin name="org.apache.cordova.device " />
<content src="www/index.html " />
<access origin="tel:* " launch-external="yes " />
<preference name="SplashScreen " value="screen " />
<gap:splash src="www/splash/splash.png " />
<preference name="phonegap-version " value="3.6.3 " />
<icon src="www/icons/icon.png " />
<!-- iPhone 6 / 6+ -->
<icon src="www/icons/icon-180.png " gap:platform="ios " width="180 " height="180 " />
<!-- iPhone / iPod Touch -->
<icon src="www/icons/icon-60.png " gap:platform="ios " width="60 " height="60 " />
<icon src="www/icons/icon-120.png " gap:platform="ios " width="120 " height="120 " />
<!-- iPad -->
<icon src="www/icons/icon-76.png " gap:platform="ios " width="76 " height="76 " />
<icon src="www/icons/icon-152.png " gap:platform="ios " width="152 " height="152 " />
<!-- Settings Icon -->
<icon src="www/icons/icon-29.png " gap:platform="ios " width="29 " height="29 " />
<icon src="www/icons/icon-58.png " gap:platform="ios " width="58 " height="58 " />
<!-- Spotlight Icon -->
<icon src="www/icons/icon-40.png " gap:platform="ios " width="40 " height="40 " />
<icon src="www/icons/icon-80.png " gap:platform="ios " width="80 " height="80 " />
<!-- iPhone / iPod Touch -->
<icon src="www/icons/icon-57.png " gap:platform="ios " width="57 " height="57 " />
<icon src="www/icons/icon-114.png " gap:platform="ios " width="114 " height="114 " />
<!-- iPad -->
<icon src="www/icons/icon-72.png " gap:platform="ios " width="72 " height="72 " />
<icon src="www/icons/icon-144.png " gap:platform="ios " width="144 " height="144 " />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="www/icons/icon-29.png " gap:platform="ios " width="29 " height="29 " />
<icon src="www/icons/icon-58.png " gap:platform="ios " width="58 " height="58 " />
<!-- iPad Spotlight and Settings Icon -->
<icon src="www/icons/icon-50.png " gap:platform="ios " width="50 " height="50 " />
<icon src="www/icons/icon-100.png " gap:platform="ios " width="100 " height="100 " />
<!-- iPhone and iPod touch -->
<gap:splash src="www/splash/splash_320.png " gap:platform="ios " width="320 " height="480 " />
<gap:splash src="www/splash/splash_640.png " gap:platform="ios " width="640 " height="960 " />
<!-- iPhone 5 / iPod Touch (5th Generation) -->
<gap:splash src="www/splash/splash_640x.png " gap:platform="ios " width="640 " height="1136 " />
<!-- iPhone 6 -->
<gap:splash src="www/splash/splash_750.png " gap:platform="ios " width="750 " height="1334 " />
<gap:splash src="www/splash/splash_1242.png " gap:platform="ios " width="1242 " height="2208 " />
<gap:splash src="www/splash/splash_2208.png " gap:platform="ios " width="2208 " height="1242 " />
<!-- iPad -->
<gap:splash src="www/splash/splash_768.png " gap:platform="ios " width="768 " height="1024 " />
<gap:splash src="www/splash/splash_1024.png " gap:platform="ios " width="1024 " height="768 " />
<!-- Retina iPad -->
<gap:splash src="www/splash/splash_1536.png " gap:platform="ios " width="1536 " height="2048 " />
<gap:splash src="www/splash/splash_2048.png " gap:platform="ios " width="2048 " height="1536 " />
</widget>
如果您打算在 PhoneGap Build 上使用它,您应该从 config.xml 上的路径中删除 www/
。请参阅 PGB documentation 中的
src: (required) specifies the location of the image file, relative to your www directory
主要部分是相对于您的 www 目录,这意味着您现在正在尝试访问文件夹 www/www/icons/
。
要解决上述问题,
我将文件夹结构更改为
--config.xml
--icon-29.png
--icon-40.png
--icon-50.png
--<many more>
--splash
--splash_320.png
--splash_640.png
--splash_640x.png
--<many more>
--index.html
--<other html resources>
并如下更改了我的配置文件
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.someapp.someappversionCode = " 1 " version= "1.0.0 " >
<name>Some text</name>
<description>
some text
</description>
<author email="support@example.com" href="http://example.com">
Some text
</author>
<gap:plugin name="org.apache.cordova.inappbrowser " />
<gap:plugin name="de.appplant.cordova.plugin.email-composer " />
<gap:plugin name="org.apache.cordova.splashscreen " />
<gap:plugin name="org.apache.cordova.device " />
<content src="index.html " />
<access origin="tel:* " launch-external="yes " />
<preference name="SplashScreen " value="screen " />
<gap:splash src="splash.png " />
<preference name="phonegap-version " value="3.6.3 " />
<icon src="icon.png " />
<!-- iPhone 6 / 6+ -->
<icon src="icon-180.png " gap:platform="ios " width="180 " height="180 " />
<!-- iPhone / iPod Touch -->
<icon src="icon-60.png " gap:platform="ios " width="60 " height="60 " />
<icon src="icon-120.png " gap:platform="ios " width="120 " height="120 " />
<!-- iPad -->
<icon src="icon-76.png " gap:platform="ios " width="76 " height="76 " />
<icon src="icon-152.png " gap:platform="ios " width="152 " height="152 " />
<!-- Settings Icon -->
<icon src="icon-29.png " gap:platform="ios " width="29 " height="29 " />
<icon src="icon-58.png " gap:platform="ios " width="58 " height="58 " />
<!-- Spotlight Icon -->
<icon src="icon-40.png " gap:platform="ios " width="40 " height="40 " />
<icon src="icon-80.png " gap:platform="ios " width="80 " height="80 " />
<!-- iPhone / iPod Touch -->
<icon src="icon-57.png " gap:platform="ios " width="57 " height="57 " />
<icon src="icon-114.png " gap:platform="ios " width="114 " height="114 " />
<!-- iPad -->
<icon src="icon-72.png " gap:platform="ios " width="72 " height="72 " />
<icon src="icon-144.png " gap:platform="ios " width="144 " height="144 " />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="icon-29.png " gap:platform="ios " width="29 " height="29 " />
<icon src="icon-58.png " gap:platform="ios " width="58 " height="58 " />
<!-- iPad Spotlight and Settings Icon -->
<icon src="icon-50.png " gap:platform="ios " width="50 " height="50 " />
<icon src="icon-100.png " gap:platform="ios " width="100 " height="100 " />
<!-- iPhone and iPod touch -->
<gap:splash src="splash_320.png " gap:platform="ios " width="320 " height="480 " />
<gap:splash src="splash_640.png " gap:platform="ios " width="640 " height="960 " />
<!-- iPhone 5 / iPod Touch (5th Generation) -->
<gap:splash src="splash_640x.png " gap:platform="ios " width="640 " height="1136 " />
<!-- iPhone 6 -->
<gap:splash src="splash_750.png " gap:platform="ios " width="750 " height="1334 " />
<gap:splash src="splash_1242.png " gap:platform="ios " width="1242 " height="2208 " />
<gap:splash src="splash_2208.png " gap:platform="ios " width="2208 " height="1242 " />
<!-- iPad -->
<gap:splash src="splash_768.png " gap:platform="ios " width="768 " height="1024 " />
<gap:splash src="splash_1024.png " gap:platform="ios " width="1024 " height="768 " />
<!-- Retina iPad -->
<gap:splash src="splash_1536.png " gap:platform="ios " width="1536 " height="2048 " />
<gap:splash src="splash_2048.png " gap:platform="ios " width="2048 " height="1536 " />
</widget>
您好,当我尝试构建 ipk 时没有出现启动画面和图标,我正在 iphone 5s 检查它。添加的 zip 文件夹的文件夹结构如下。但是每当我在线构建它并下载时,安装后它的整个 web.config 都会改变
--config.xml
--www
--icons
--icon-29.png
--icon-40.png
--icon-50.png
--icon-50.png
--<many more>
--splash
--splash_320.png
--splash_640.png
--splash_640x.png
--<many more>
--index.html
config.xml
的结构<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.someapp.someappversionCode = " 1 " version= "1.0.0 " >
<name>Some text</name>
<description>
some text
</description>
<author email="support@example.com" href="http://example.com">
Some text
</author>
<gap:plugin name="org.apache.cordova.inappbrowser " />
<gap:plugin name="de.appplant.cordova.plugin.email-composer " />
<gap:plugin name="org.apache.cordova.splashscreen " />
<gap:plugin name="org.apache.cordova.device " />
<content src="www/index.html " />
<access origin="tel:* " launch-external="yes " />
<preference name="SplashScreen " value="screen " />
<gap:splash src="www/splash/splash.png " />
<preference name="phonegap-version " value="3.6.3 " />
<icon src="www/icons/icon.png " />
<!-- iPhone 6 / 6+ -->
<icon src="www/icons/icon-180.png " gap:platform="ios " width="180 " height="180 " />
<!-- iPhone / iPod Touch -->
<icon src="www/icons/icon-60.png " gap:platform="ios " width="60 " height="60 " />
<icon src="www/icons/icon-120.png " gap:platform="ios " width="120 " height="120 " />
<!-- iPad -->
<icon src="www/icons/icon-76.png " gap:platform="ios " width="76 " height="76 " />
<icon src="www/icons/icon-152.png " gap:platform="ios " width="152 " height="152 " />
<!-- Settings Icon -->
<icon src="www/icons/icon-29.png " gap:platform="ios " width="29 " height="29 " />
<icon src="www/icons/icon-58.png " gap:platform="ios " width="58 " height="58 " />
<!-- Spotlight Icon -->
<icon src="www/icons/icon-40.png " gap:platform="ios " width="40 " height="40 " />
<icon src="www/icons/icon-80.png " gap:platform="ios " width="80 " height="80 " />
<!-- iPhone / iPod Touch -->
<icon src="www/icons/icon-57.png " gap:platform="ios " width="57 " height="57 " />
<icon src="www/icons/icon-114.png " gap:platform="ios " width="114 " height="114 " />
<!-- iPad -->
<icon src="www/icons/icon-72.png " gap:platform="ios " width="72 " height="72 " />
<icon src="www/icons/icon-144.png " gap:platform="ios " width="144 " height="144 " />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="www/icons/icon-29.png " gap:platform="ios " width="29 " height="29 " />
<icon src="www/icons/icon-58.png " gap:platform="ios " width="58 " height="58 " />
<!-- iPad Spotlight and Settings Icon -->
<icon src="www/icons/icon-50.png " gap:platform="ios " width="50 " height="50 " />
<icon src="www/icons/icon-100.png " gap:platform="ios " width="100 " height="100 " />
<!-- iPhone and iPod touch -->
<gap:splash src="www/splash/splash_320.png " gap:platform="ios " width="320 " height="480 " />
<gap:splash src="www/splash/splash_640.png " gap:platform="ios " width="640 " height="960 " />
<!-- iPhone 5 / iPod Touch (5th Generation) -->
<gap:splash src="www/splash/splash_640x.png " gap:platform="ios " width="640 " height="1136 " />
<!-- iPhone 6 -->
<gap:splash src="www/splash/splash_750.png " gap:platform="ios " width="750 " height="1334 " />
<gap:splash src="www/splash/splash_1242.png " gap:platform="ios " width="1242 " height="2208 " />
<gap:splash src="www/splash/splash_2208.png " gap:platform="ios " width="2208 " height="1242 " />
<!-- iPad -->
<gap:splash src="www/splash/splash_768.png " gap:platform="ios " width="768 " height="1024 " />
<gap:splash src="www/splash/splash_1024.png " gap:platform="ios " width="1024 " height="768 " />
<!-- Retina iPad -->
<gap:splash src="www/splash/splash_1536.png " gap:platform="ios " width="1536 " height="2048 " />
<gap:splash src="www/splash/splash_2048.png " gap:platform="ios " width="2048 " height="1536 " />
</widget>
如果您打算在 PhoneGap Build 上使用它,您应该从 config.xml 上的路径中删除 www/
。请参阅 PGB documentation 中的
src: (required) specifies the location of the image file, relative to your www directory
主要部分是相对于您的 www 目录,这意味着您现在正在尝试访问文件夹 www/www/icons/
。
要解决上述问题, 我将文件夹结构更改为
--config.xml
--icon-29.png
--icon-40.png
--icon-50.png
--<many more>
--splash
--splash_320.png
--splash_640.png
--splash_640x.png
--<many more>
--index.html
--<other html resources>
并如下更改了我的配置文件
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.someapp.someappversionCode = " 1 " version= "1.0.0 " >
<name>Some text</name>
<description>
some text
</description>
<author email="support@example.com" href="http://example.com">
Some text
</author>
<gap:plugin name="org.apache.cordova.inappbrowser " />
<gap:plugin name="de.appplant.cordova.plugin.email-composer " />
<gap:plugin name="org.apache.cordova.splashscreen " />
<gap:plugin name="org.apache.cordova.device " />
<content src="index.html " />
<access origin="tel:* " launch-external="yes " />
<preference name="SplashScreen " value="screen " />
<gap:splash src="splash.png " />
<preference name="phonegap-version " value="3.6.3 " />
<icon src="icon.png " />
<!-- iPhone 6 / 6+ -->
<icon src="icon-180.png " gap:platform="ios " width="180 " height="180 " />
<!-- iPhone / iPod Touch -->
<icon src="icon-60.png " gap:platform="ios " width="60 " height="60 " />
<icon src="icon-120.png " gap:platform="ios " width="120 " height="120 " />
<!-- iPad -->
<icon src="icon-76.png " gap:platform="ios " width="76 " height="76 " />
<icon src="icon-152.png " gap:platform="ios " width="152 " height="152 " />
<!-- Settings Icon -->
<icon src="icon-29.png " gap:platform="ios " width="29 " height="29 " />
<icon src="icon-58.png " gap:platform="ios " width="58 " height="58 " />
<!-- Spotlight Icon -->
<icon src="icon-40.png " gap:platform="ios " width="40 " height="40 " />
<icon src="icon-80.png " gap:platform="ios " width="80 " height="80 " />
<!-- iPhone / iPod Touch -->
<icon src="icon-57.png " gap:platform="ios " width="57 " height="57 " />
<icon src="icon-114.png " gap:platform="ios " width="114 " height="114 " />
<!-- iPad -->
<icon src="icon-72.png " gap:platform="ios " width="72 " height="72 " />
<icon src="icon-144.png " gap:platform="ios " width="144 " height="144 " />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="icon-29.png " gap:platform="ios " width="29 " height="29 " />
<icon src="icon-58.png " gap:platform="ios " width="58 " height="58 " />
<!-- iPad Spotlight and Settings Icon -->
<icon src="icon-50.png " gap:platform="ios " width="50 " height="50 " />
<icon src="icon-100.png " gap:platform="ios " width="100 " height="100 " />
<!-- iPhone and iPod touch -->
<gap:splash src="splash_320.png " gap:platform="ios " width="320 " height="480 " />
<gap:splash src="splash_640.png " gap:platform="ios " width="640 " height="960 " />
<!-- iPhone 5 / iPod Touch (5th Generation) -->
<gap:splash src="splash_640x.png " gap:platform="ios " width="640 " height="1136 " />
<!-- iPhone 6 -->
<gap:splash src="splash_750.png " gap:platform="ios " width="750 " height="1334 " />
<gap:splash src="splash_1242.png " gap:platform="ios " width="1242 " height="2208 " />
<gap:splash src="splash_2208.png " gap:platform="ios " width="2208 " height="1242 " />
<!-- iPad -->
<gap:splash src="splash_768.png " gap:platform="ios " width="768 " height="1024 " />
<gap:splash src="splash_1024.png " gap:platform="ios " width="1024 " height="768 " />
<!-- Retina iPad -->
<gap:splash src="splash_1536.png " gap:platform="ios " width="1536 " height="2048 " />
<gap:splash src="splash_2048.png " gap:platform="ios " width="2048 " height="1536 " />
</widget>