首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

cordova -闪屏和应用程序屏幕在Phonegap Build cli-6.1.0上不起作用

Cordova是一个开源的移动应用开发框架,它允许开发者使用HTML、CSS和JavaScript构建跨平台的移动应用程序。在Phonegap Build cli-6.1.0版本上,有用户报告称闪屏和应用程序屏幕不起作用的问题。以下是对这个问题的完善且全面的答案:

问题描述:

在Phonegap Build cli-6.1.0版本上,闪屏和应用程序屏幕无法正常显示。

解决方案:

  1. 确保正确配置闪屏和应用程序屏幕:
    • 在项目的根目录下,找到config.xml文件。
    • 在config.xml文件中,确保已正确配置了闪屏和应用程序屏幕的相关信息,包括文件路径、持续时间等。
    • 例如,可以使用以下代码片段配置闪屏和应用程序屏幕:<platform name="android"> <splash src="res/screen/android/splash.png" density="land-hdpi"/> <splash src="res/screen/android/splash.png" density="land-ldpi"/> <splash src="res/screen/android/splash.png" density="land-mdpi"/> <splash src="res/screen/android/splash.png" density="land-xhdpi"/> <splash src="res/screen/android/splash.png" density="port-hdpi"/> <splash src="res/screen/android/splash.png" density="port-ldpi"/> <splash src="res/screen/android/splash.png" density="port-mdpi"/> <splash src="res/screen/android/splash.png" density="port-xhdpi"/> </platform>
  2. 确保正确安装和配置Cordova插件:
    • 在项目的根目录下,使用命令行工具运行以下命令安装Cordova插件:cordova plugin add cordova-plugin-splashscreen cordova plugin add cordova-plugin-screen-orientation
    • 确保已在config.xml文件中正确配置了这些插件。
  3. 清除缓存并重新构建应用程序:
    • 在Phonegap Build控制台中,删除旧版本的应用程序。
    • 清除浏览器缓存。
    • 重新构建应用程序并下载安装。
  4. 检查Phonegap Build版本和相关依赖:
    • 确保使用的是最新版本的Phonegap Build cli。
    • 检查相关依赖是否已正确安装和配置。

推荐的腾讯云相关产品和产品介绍链接地址:

腾讯云提供了丰富的云计算产品和服务,以下是一些与移动应用开发相关的产品和服务:

  1. 云服务器(CVM):提供可扩展的云服务器实例,用于部署和运行移动应用程序。
  2. 云存储(COS):提供高可靠、低成本的对象存储服务,用于存储移动应用程序的静态资源。
  3. 云数据库MySQL版(CDB):提供稳定可靠的云数据库服务,用于存储移动应用程序的数据。

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

用Ionic开发hybrid APP

而且私以为目前激烈而又变化快速的移动APP市场环境下,用phonegap来开发APP未尝不是一种低成本mvp的方案,快速发布,成王败寇^-^ 为什么选用ionic 其中ionicframework便是...phonegap开发hybrid APP技术中的一员新秀,甚至可以说是一员虎将,而且免费且开源。...$ npm install -g cordova ionic $ ionic start myApp tabs $ cd myApp $ ionic platform add ios $ ionic build...启动图片(或称)插件:$cordovaSplashscreen,之所以推荐也必装这个插件的原因是,默认情况下启动图片时间停留较短,如果你的APP在这段时间没有完成数据加载或者视图渲染等(需要查询SQLite...需要提示的是,安装插件后,启动图片未关闭时候,默认菊花转在屏幕中间,如果你要自定义,可以更改插件中的原生代码,以iOS为例,将其改到屏幕底部:更改/src/ios/CDVSplashScreen.m中

2.4K10

Phonegap之ios对iPhone6Plus的适配 -- xmTan

然后问题来了,竟然奇葩的发现@media样式只对iPhone45起了作用,然后66S的样式效果5是一样的,奇了怪了!   ...然后另外还发现了,app的启动图片,也是所谓的””(splash),66S、Plus都共用了iPhone5的启动图片: Default-568h@2x~iphone.png。...然后把下载的最新CDVSplashScreen.h*.m文件去替换项目中原有的该文件,然后就大功告成了,@media样式也起作用了,工具栏56上一样了,4、5、6也各自加载了各自的启动()图片了...-------- ----- ---- ------ ------- ------ ------- ------  查询参考的资料: 1、stackoverflow上一个6适配问答:http://...stackoverflow.com/questions/26283372/phonegap-and-iphone-6-plus-splash-screen-issue 2、 Apache中Cordova

71640

开发Hybrid App的技术选型

效果如下 四、移动APP适配 做过原生开发的都知道美术需要出几套图以适配不同的分辨率,720×1280、750×1334、1080×1920、1242×2208,更大或者更小的市面上也常见...设计稿给到固定宽度的情况下,相对而言,使用rem作为单位是比较合理的选择,至于移动设备适配,屏幕宽度,逻辑像素、物理像素、dpi等知识就不在此处赘述,分享优秀的博客: 移动设备适配基础知识速成:weibo.com...android 3、build项目 cordova build android ...... ..... ... ....4、项目结构 如果项目成功运行,您看到的项目结构应该如下: www文件夹作为开发主文件夹; res文件夹存放app的图片icon; plugins文件夹存放插件; plaatforms... 5、常用插件收集: phonegap-plugin-barcodescanner

2.5K30

几个跨平台移动App开发方案框架比较

满足业务需求 几个开发框架的比较 PhoneGap 概述 PhoneGap是一个采用HTML,CSSJavaScript的技术,创建移动跨平台移动应用程序的快速开发平台。...;代码编写完之后,通过phonegapbuild工具构建 采用w3c标准,包括但不限于HTML5、CSS3、JavaScript,比如说W3C标准中的命名方式等 不需要手机编程基础,只要会HTML就能做应用...,且能通过js调用设备底层硬件(比如加速计、摄像头、罗盘、通讯录、文档、GPS、媒体、网络、通知(警告、声音振动)、存储、传感器等等) Cordova 概述 Cordova PhoneGap 的区别...,例如 PhoneGap Build Adobe Shadow,来帮助开发者简化开发。...| Github Famous 为任意屏幕创建流畅、复杂的UI。

7.4K20

Hybrid App移动应用开发初探

二、Hybird App开发平台介绍 2.1 PhoneGap ?   PhoneGap是一个用基于HTML,CSSJavaScript的,创建移动跨平台移动应用程序的快速开发平台。...2.2 Cordova ?   Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。...Native Code之上的是Cordova/PhoneGap这样的平台,这些平台提供了JavaScript执行平台Native API,上层通过传递JS代码,由JS执行平台进行解释,再调用对应的Native...4.4 调整配置文件发布应用   cordova生成的项目文件夹中,最顶层有一个config.xml,这个就是我们需要编辑的配置文件。   1.设置app的起始页面 <!...API Document》 3.李秉骏,《Hybrid App 开发实战》 4.FreeZinG,《使用HTMLJS开发移动App-部署Cordova配套开发环境》 5.周金根,《新手的第一个PhoneGap

3.5K20

【技巧】ionic3优雅解决启动前、后黑白屏问题

具体操作时,当我们点击桌面图标启动APP时,有时会一下黑色背景,有时黑色背景时间还比较长。...创建一个主题,修改其背景为透明,或者启动图片一致; b. AndroidManifest.xml文件,把主题改为上述主题。...我这里定义了两个样式,来满足不同喜好,使用时二选一就行了:第一个样式,screen.png作为ionic或cordova默认生成的启动图片,于是使用screen.png为背景图;第二个样式为透明主题。...ionic cordova plugin add cordova-custom-config 这个插件普通插件不同,并不会增加项目大小,它是注册Cordova的钩子,利用Cordova命令修改自定义配置...4)应用项目的config.xml文件添加下面一句,指定使用的主题(2选1),这样cordova build时,cordova-custom-config插件会执行并修改这句里的文件参数。

3.5K60

目前主流的app开发方式

基于浏览器运行的应用,基本上可以说是触版的网页应用。...目前流行的四种跨平台app打包方式 发展历程: 在国外,最大的是CordovaPhoneGap,2011年广泛流行),2012年12月开源。...国内,按时间顺序,有:2012年AppCan,2013年DCloud,2014年9月APICloud 1.Cordova Cordova是Apache软件基金会的一个产品。...Apache2012年12月,发布了Cordova,截止到2015年12月,最新版面是3.0。 该框架的目标用户群体是原生开发者,其设计初衷是希望用户群体能够通过跨平台开发的方法降低原生开发的成本。...为此,开发人员需要安装原生开发环境,配置工程,使用HTML5、CSS3、JS原生SDK生成应用。 Cordova的优势很明显,可以使用的框架、原生接口、支持平台都很多。

1.2K20

移动开发的跨平台技术演进

这些组件被渲染到手机屏幕屏幕产生的相应的事件会被传回给组件。...3.1 Cordova 说到Cordova,不得不提到他的前身PhoneGapPhoneGap面向Web开发人员,通过使用HTML、CSSJavascript构建跨平台App。...2011年,Apache收购了Nitobi Software和它的PhoneGap产品,并对PhoneGap进行开源,PhoneGap 2.0版本时,产品更名为Apache Cordova。...3.3 VasSonic VasSonic是由腾讯VAS团队开发的轻量级高性能混合框架,旨在加速AndroidiOS平台上运行的H5首。...与PhoneGap等框架不同的是,Xamarin可以iOSAndroid刚推出新的功能时,第一时间调用相应的API,而使用PhoneGap则需要等待PhoneGap封装的新的功能后才可以调用相应的API

3.2K20

Ubuntu 16.04搭建ionic开发环境

通过 SASS 构建应用程序,Ionic提供了很多 UI 组件来帮助开发者开发强大的应用。 ionic使用 JavaScript MVVM 框架 AngularJS 来增强应用。...Ionic框架的目的是从web的角度开发手机应用,基于cordova(原PhoneGap)的编译平台,可以实现编译成各个平台的应用程序。...先决条件: 注:以下命令除有sudo说明外都是普通用户权限下执行 要有nodejs环境. sudo apt install nodejs 做软链接(ionic脚本命令中nodejs的命令是nodejs...ionic 2.通过Ionic创建一个项目 ionic start myApp tabs 3.编译项目成apk cd myApp ionic platform add android ionic build...apk路径 myApp/platforms/android/build/outputs/apk/android-debug.apk 4.运行项目 ionic emulate android 免责声明:

2K10

客户端软件GUI开发技术漫谈:原生与跨平台解决方案分析

对于企业而言,一套业务逻辑可以多处使用是最理想也是最保险的。 Electron Electron是由Github开发,用HTML,CSSJavaScript来构建跨平台桌面应用程序的一个开源库。...electron建立 Chromium NodeJS 之上的,一个负责界面,一个负责背后的逻辑 CordovaPhoneGap Cordova[ˈkɔːdəbə]是 hybride 类框架,基于...HTML,CSSJavaScript的,创建移动跨平台移动应用程序的快速开发平台 2011年10月4日Adobe公司收购了PhoneGapPhoneGap Build的新创公司Nitobi Software...,随后将Phonegap的核心代码剥离并捐给了Apache公司,并改名为了Cordova。...Xamarin 适用于具有以下目标的开发人员: 跨平台共享代码、测试业务逻辑。 使用 Visual Studio C# 中编写跨平台应用程序

14.4K30

Hybrid App开发 四大主流平台「建议收藏」

现在有更多的开发者面临移动平台的选择,所以在这里根据开发中各个平台的使用情况,针对现在主流的平台进行分析。...PhoneGap(Cordova) 产品功能: PhoneGap是一款国外的开源移动开发平台。...目前已经将核心代码贡献给Apache cordova,最新版本是2.6.0, 它是基于HTML,CSSJavaScript的,可以使用一些开源的框架比如jQuery Mobile,Dojo Mobile...应用程序使用HTML,JavaScriptCSS进行开发,并支持PHP,RubyPython。应用程序可以使用 Appcelerator API访问本地特性。...appMobi 产品功能: appMobi推出了全新开发工具XDK,这个工具使得开发者可以使用HTML5构建网络移动平台的应用程序,可以进行屏幕仿真调试、设备实际调试遥控调试等。 特性: 1.

2.2K10

Android开发笔记(六十四)网页加载与JS调用

以下说明文字来自百度百科的PhoneGap词条: “PhoneGap是一个用基于HTML,CSSJavaScript的,创建移动跨平台移动应用程序的快速开发平台。...使用PhoneGap只比为每个平台分别建立应用程序好一点点,因为虽然基本代码是一样的,但是你仍然需要为每个平台分别编译应用程序。”...因此PhoneGap引入了CordovaCordova提供了一组与设备相关的API,通过这组API,app能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。...Cordova是驱动PhoneGap的核心引擎,有人说它们的关系类似于WebkitGoogle Chrome的关系。...另外,WeX5的Cordova插件还集成了国内常用的几个工具包,与PhoneGap相比,WeX5更适合于国内的开发者。

6.3K10

跨平台开发框架工具集锦

Ionic拥有丰富的命令操作,可以通过命令行工具快速创建AndroidiOS项目,并且也可以编译成AndroidiOS平台的应用程序,同时Ionic也支持自定义编写AndroidiOS的插件。...(2) Cordova CordovaCordova的前身是PhoneGap,2011年Adobe公司收购了PhoneGap将其开源,并捐献给Apache,命名为Cordova。...CordovaPhoneGap中抽出的核心代码。Cordova是一个使用HTML,CSSJS这些前端语言去构建移动应用的平台。...Cordova自带丰富的命令操作,使用命令行可以创建类似于Web App的页面,浏览器查看我们创建的项目,同时如果我们使用命令行将项目移动端编译运行,也是可行的,这也是Cordova项目很独特的地方...使用前端技术栈开发,原生渲染,同时具备H5页面原生应用的双重优点。快应用在传统通知栏、负一、信息流等用户直观感知的位置建立搜索入口,包括短信、拍照、语音助手、卸载场景、卡包等等。

3.9K30

2018年Web开发人员应该学习的12个框架

本文中,我分享了12个与Java开发,移动应用程序开发,Web开发大数据相关的有用框架。 1)Angular 2+ 这是另一个JavaScript框架,它在我2018年要学习的东西列表中。...Bootstrap支持响应式网页设计,这意味着网页布局会根据浏览器的屏幕大小进行动态调整。 移动世界中,BootStrap凭借其移动优先设计理念引领潮流,默认情况下强调响应式设计。...10)Cordova Apache Cordova是最初由Nitobi创建的另一个移动应用程序开发框架。...Adobe Systems于2011年收购了Nitobi,将其重新命名为PhoneGap,后来又发布了一款名为Apache Cordova的开源软件。...如果你想在2018年学习Cordova,那么请查看Build iOSAngularCordova

5.5K40

H5 手机 App 开发入门:技术篇

所以,混合技术栈其实是 Web 技术栈 + 容器技术栈,典型代表是 PhoneGapCordova、Ionic 等框架。...应用程序的界面,只要放上 WebView,就好像内嵌了浏览器窗口,可以显示网页。 ? 不同的 App 技术栈要显示网页,区别仅仅在于怎么处理 WebView 这个原生控件。...4.1 框架种类 混合技术栈的各种容器框架之中,历史最悠久是 PhoneGap,诞生于2009年。后来2011年被 Adobe 公司收购,改名为 Adobe PhoneGap。 ?...Adobe 公司将 PhoneGap 的核心代码,后来都捐给了 Apache 基金会,作为一个全新的开源项目,名为 Apache Cordova。 ?...PhoneGap Cordova 现在是两个独立发展的开源项目,但是彼此有密切的关系,可以简单理解成 CordovaPhoneGap 的内核,PhoneGapCordova 的发行版。

6.6K41

使用 Cordova 构建应用的流程

用户可以不离开你的应用程序的情况下浏览网页。 cordova-plugin-media-capture 这个插件提供了对设备的音频、图像视频捕获功能的访问。...运行以下命令为所有平台构建项目: $ cordova build 你可以有选择地将每个构建的范围限制特定的平台上——本例选择"android": $ cordova build android 如果最后能看到...移动平台的 sdk 通常与执行设备映像的模拟器捆绑在一起,这样你就可以从主屏幕启动应用程序,看看它是如何与许多平台功能相互作用的。...运行以下命令重建应用程序,并在特定平台的模拟器中查看它: $ cordova emulate android 接下来使用 cordova emulate 命令刷新模拟器映像以显示最新的应用程序,现在可以屏幕上启动...如果你的应用程序没有,人们会认为你的应用程序是坏的。 考虑到处理它是多么容易(Cordova 支持对脱机联机事件进行侦听) ,脱机运行时,应用程序绝对没有理由不能很好地响应。

4.2K11

给最后一周下个猛料,JavaScript 2017 使用调查!

ElmClojureScript仍然算小众语言,毕竟自己的生态系统结合得太紧密了,很难现有的应用程序中进行使用。...FirebaseGraphQL获得了足够多的关注,相关领域可谓称得上优秀。 State Management & API(2017) 2017年把状态管理API合并为同一个表。...移动应用框架 Mobile Frameworks(2016) CordovaPhoneGap由于太依赖browser性能而遭到诟病。React Native的满意度很高,影响力也足够了。...PhoneGap/CordovaIonic都在走下坡路,说明RN的思路还是正确的,人民的内部矛盾,还是需要人民自己来解决。 结论 毫无疑问,构建一个JavaScript应用,是越来越复杂了。...RN走对了路,PhoneGapIonic已经显出颓势。正如下面的歌词:People laugh and people cry.

90290
领券