响应式 Web 应用程序作为 phonegap 打包移动应用程序答案

【问题标题】：Responsive web app as a phonegap packaged mobile app响应式 Web 应用程序作为 phonegap 打包移动应用程序
【发布时间】：2015-06-26 04:18:16
【问题描述】：

我的要求很简单。我有一个响应式 web -url，我想将它打包为一个 android 应用程序，以便每当访问该应用程序时，web-url 将在设备本机浏览器中打开，并且对于用户而言，它将表现为一个移动应用程序。我正在使用下面的 config.xml 进行 phonegap 构建：

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.demo.sample" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:gap="http://phonegap.com/ns/1.0">
    <name>MyApp</name>
    <description>
        Sample.in mobile app.
    </description>
    <author email="@#$%@gmail.com" href="http://google.in">
        Team
    </author>
    <preference name="phonegap-version" value="3.7.0" />
    <content src="http://google.in/" />
    <plugin name="cordova-plugin-whitelist" version="1" />
    <plugin name="InAppBrowser" value="org.apache.cordova.InAppBrowser" />
    <icon src="icon/android/playstore-icon.png" />
    <icon gap:platform="android" gap:qualifier="ldpi" src="icon/android/drawable-ldpi/ic_launcher.png" />
    <icon gap:platform="android" gap:qualifier="mdpi" src="icon/android/drawable-mdpi/ic_launcher.png" />
    <icon gap:platform="android" gap:qualifier="hdpi" src="icon/android/drawable-hdpi/ic_launcher.png" />
    <icon gap:platform="android" gap:qualifier="xhdpi" src="icon/android/drawable-xhdpi/ic_launcher.png" />
<platform name="android">
    <!-- you can use any density that exists in the Android project -->
    <splash src="icon/android/loading-image.png" density="land-hdpi"/>
    <splash src="icon/android/loading-image.png" density="land-ldpi"/>
    <splash src="icon/android/loading-image.png" density="land-mdpi"/>
    <splash src="icon/android/loading-image.png" density="land-xhdpi"/>

    <splash src="icon/android/loading-image.png" density="port-hdpi"/>
    <splash src="icon/android/loading-image.png" density="port-ldpi"/>
    <splash src="icon/android/loading-image.png" density="port-mdpi"/>
    <splash src="icon/android/loading-image.png" density="port-xhdpi"/>
</platform>    
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>   
</widget>

当我打包这个应用程序时，在 android 上加载应用程序时启动屏幕不可见。有什么建议可能是错误的吗？

【问题讨论】：

你能确认icon/android/loading-image.png的位置吗？这应该在您的根文件夹中。除此之外，乍一看，这看起来还不错。通过检查 platform/android/res 文件夹确认您的图像正在被复制。我在这里发布了我的一个项目的摘录，它可能会有所帮助：stackoverflow.com/questions/28853697/…
@laughingpine : 你的根目录是指在 www 文件夹内？
项目根目录表示www/ 上面的文件夹如果您使用的是www/ ，则将路径更改为：www/icon/android/loading-image.png——BlackBerry 例外，它必须从www/ 文件夹中提取
@laughingpine ：它仍然无法正常工作。我已经检查了你提到的所有内容。
我对 phonegap 不太熟悉，但它们的语法应该是不同的，例如<gap:splash src="ldpi.png" gap:platform="android" gap:qualifier="ldpi" /> 抱歉，我的 cmets 瞄准的是普通的 Cordova。

标签： android cordova phonegap-build

【解决方案1】：

实际上有一种解决方法，而不是尝试从配置文件中包含它，您可以尝试将您的启动画面和图标图像复制粘贴到platform/android/res/drawable，这可能会起作用

【讨论】：

【解决方案2】：

@user4905013, 您帖子的标题与您的问题无关。我几乎没有读过它。您的标题应该是关于您的问题或疑问的。

我有演示应用程序，您可以在其中查看源代码。你想要Phonegap-Splashscreen-Test

http://codesnippets.altervista.org/examples/phonegap/demos/PUBLIC.Apps.html

祝你好运杰西

【讨论】：