Google Git
Sign in
apache / cordova-docs / refs/heads/asf-site / . / docs / en / 5.4.0 / config_ref / images.html
blob: 868cdf78a13c84be3b120592564b14e4b445d4e8 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<meta name="description" content=" ">
<title>
Icons and Splash Screens - Apache Cordova
</title>
<link rel="SHORTCUT ICON" href="/favicon.ico"/>
<link rel="canonical" href="https://cordova.apache.org/docs/en/5.4.0/config_ref/images.html">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="/static/css/main.css">
<link rel="stylesheet" type="text/css" href="/static/css/lib/syntax.css">
<!-- Fonts -->
<!-- For attribution information, see www/attributions.html -->
<link href='https://fonts.googleapis.com/css?family=Raleway:700,400,300,700italic,400italic,300italic' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
var disqus_developer = 1; // this would set it to developer mode
</script>
<!-- JS -->
<script defer type="text/javascript" src="/static/js/lib/jquery-2.1.1.min.js"></script>
<script defer type="text/javascript" src="/static/js/lib/bootstrap.min.js"></script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://analytics.apache.org/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '16']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<header>
<a class="scroll-point pt-top" name="top"></a>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img id="logo_top" src="/static/img/cordova-logo-newbrand.svg"/></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<div class="nav_bar_center">
<ul class="nav navbar-nav">
<li class="active">
<a href="/docs/en/latest/">Documentation</a>
</li>
<li >
<a href="/plugins">Plugins</a>
</li>
<li >
<a href="/blog" id="blog_button">Blog<span class="badge" id="new_blog_count"></span></a>
</li>
<li >
<a href="/contribute">Contribute</a>
</li>
<li >
<a href="/contribute/team.html">Team</a>
</li>
<li>
<a href="/#getstarted">Get Started</a>
</li>
<li>
<form class="navbar-form navbar-right" id="header-search-form" role="search">
<div class="input-group">
</div>
</form>
</li>
</ul>
</div>
</div><!--/.navbar-collapse -->
</div>
</nav>
<div id="_fixed_navbar_spacer" style="padding-top:50px"></div>
</header>
<div class="docs">
<!-- Table of Contents -->
<div class="hidden-xs hidden-sm site-toc-container">
<ul class="site-toc">
<li>
<a class="" href="/docs/en/5.4.0/">
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/overview/index.html">
Overview
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/support/index.html">
Platform Support
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/cli/index.html">
The Command-Line Interface
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/platforms/index.html">
Platform Guides
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/plugin_ref/plugman.html">
Using Plugman to Manage Plugins
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/config_ref/index.html">
The config.xml File
</a>
</li>
<li>
<a class="this-page" href="/docs/en/5.4.0/config_ref/images.html">
Icons and Splash Screens
</a>
<span class="entry-highlight"></span>
<div id="page-toc" class="page-toc"></div>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/hybrid/webviews/index.html">
Embedding WebViews
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/hybrid/plugins/index.html">
Plugin Development Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/plugin_ref/spec.html">
Plugin Specification
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/appdev/privacy/index.html">
Privacy Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/appdev/security/index.html">
Security Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/platform_plugin_versioning_ref/index.html">
Platforms and Plugins Version Management
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/appdev/whitelist/index.html">
Whitelist Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/cordova/storage/storage.html">
Storage
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/appdev/hooks/index.html">
Hooks Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/next/index.html">
Next Steps
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/cordova/events/events.html">
Events
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/cordova/plugins/pluginapis.html">
Plugin APIs
</a>
</li>
</ul>
</div>
<!-- Page content -->
<div class="page-content-container">
<div class="page-content">
<div class="content-header">
<!-- ToC Dropdown (for XS and SM sizes only) -->
<div class="toc-dropdown dropdown visible-xs-block visible-sm-block">
<button class="btn btn-default dropdown-toggle" type="button" id="tocDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Table of Contents
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a class="" href="/docs/en/5.4.0/">
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/overview/index.html">
Overview
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/support/index.html">
Platform Support
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/cli/index.html">
The Command-Line Interface
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/platforms/index.html">
Platform Guides
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/plugin_ref/plugman.html">
Using Plugman to Manage Plugins
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/config_ref/index.html">
The config.xml File
</a>
</li>
<li>
<a class="this-page" href="/docs/en/5.4.0/config_ref/images.html">
Icons and Splash Screens
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/hybrid/webviews/index.html">
Embedding WebViews
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/hybrid/plugins/index.html">
Plugin Development Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/plugin_ref/spec.html">
Plugin Specification
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/appdev/privacy/index.html">
Privacy Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/appdev/security/index.html">
Security Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/platform_plugin_versioning_ref/index.html">
Platforms and Plugins Version Management
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/appdev/whitelist/index.html">
Whitelist Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/cordova/storage/storage.html">
Storage
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/appdev/hooks/index.html">
Hooks Guide
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/guide/next/index.html">
Next Steps
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/cordova/events/events.html">
Events
</a>
</li>
<li>
<a class="" href="/docs/en/5.4.0/cordova/plugins/pluginapis.html">
Plugin APIs
</a>
</li>
</ul>
</div>
<a class="edit" href="https://github.com/apache/cordova-docs/tree/master/www/docs/en/5.4.0/config_ref/images.md"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> </a>
<!-- Version dropdown -->
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="versionDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
5.4.0
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="versionDropdown">
<!-- List versions available in this language -->
<li>
<a href="/docs/en/dev/" class="missing-page">
dev
</a>
</li>
<li>
<a href="/docs/en/latest/" class="missing-page">
12.x
(Latest)
</a>
</li>
<li>
<a href="/docs/en/11.x/" class="missing-page">
11.x
</a>
</li>
<li>
<a href="/docs/en/10.x/" class="missing-page">
10.x
</a>
</li>
<li>
<a href="/docs/en/9.x/" class="missing-page">
9.x
</a>
</li>
<li>
<a href="/docs/en/8.x/" class="missing-page">
8.x
</a>
</li>
<li>
<a href="/docs/en/7.x/" class="missing-page">
7.x
</a>
</li>
<li>
<a href="/docs/en/6.x/" class="missing-page">
6.x
</a>
</li>
<li>
<a href="/docs/en/5.4.0/" class="missing-page">
<span class="selected">
5.4.0
</span>
</a>
</li>
<li>
<a href="/docs/en/5.1.1/" class="missing-page">
5.1.1
</a>
</li>
<li>
<a href="/docs/en/5.0.0/" class="missing-page">
5.0.0
</a>
</li>
<li>
<a href="/docs/en/4.0.0/" class="missing-page">
4.0.0
</a>
</li>
<li>
<a href="/docs/en/3.6.0/" class="missing-page">
3.6.0
</a>
</li>
<li>
<a href="/docs/en/3.5.0/" class="missing-page">
3.5.0
</a>
</li>
<li>
<a href="/docs/en/3.4.0/" class="missing-page">
3.4.0
</a>
</li>
<li>
<a href="/docs/en/3.3.0/" class="missing-page">
3.3.0
</a>
</li>
<li>
<a href="/docs/en/3.2.0/" class="missing-page">
3.2.0
</a>
</li>
<li>
<a href="/docs/en/3.1.0/" class="missing-page">
3.1.0
</a>
</li>
<li>
<a href="/docs/en/3.0.0/" class="missing-page">
3.0.0
</a>
</li>
<li>
<a href="/docs/en/2.9.0/" class="missing-page">
2.9.0
</a>
</li>
<li>
<a href="/docs/en/2.8.0/" class="missing-page">
2.8.0
</a>
</li>
<li>
<a href="/docs/en/2.7.0/" class="missing-page">
2.7.0
</a>
</li>
<li>
<a href="/docs/en/2.6.0/" class="missing-page">
2.6.0
</a>
</li>
<li>
<a href="/docs/en/2.5.0/" class="missing-page">
2.5.0
</a>
</li>
<li>
<a href="/docs/en/2.4.0/" class="missing-page">
2.4.0
</a>
</li>
<li>
<a href="/docs/en/2.3.0/" class="missing-page">
2.3.0
</a>
</li>
<li>
<a href="/docs/en/2.2.0/" class="missing-page">
2.2.0
</a>
</li>
<li>
<a href="/docs/en/2.1.0/" class="missing-page">
2.1.0
</a>
</li>
<li>
<a href="/docs/en/2.0.0/" class="missing-page">
2.0.0
</a>
</li>
<li>
<a href="/docs/en/1.9.0/" class="missing-page">
1.9.0
</a>
</li>
<li>
<a href="/docs/en/1.8.1/" class="missing-page">
1.8.1
</a>
</li>
<li>
<a href="/docs/en/1.8.0/" class="missing-page">
1.8.0
</a>
</li>
<li>
<a href="/docs/en/1.7.0/" class="missing-page">
1.7.0
</a>
</li>
<li>
<a href="/docs/en/1.6.1/" class="missing-page">
1.6.1
</a>
</li>
<li>
<a href="/docs/en/1.6.0/" class="missing-page">
1.6.0
</a>
</li>
<li>
<a href="/docs/en/1.5.0/" class="missing-page">
1.5.0
</a>
</li>
</ul>
</div>
</div>
<!-- Show warnings for special versions -->
<!-- dev warning -->
<!-- outdated warning -->
<div class="alert docs-alert alert-danger" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
This version of the documentation is outdated!
<a href="/docs/en/latest/">
Click here for the latest released version.
</a>
</div>
<!-- plugin version warning -->
<div id="page-toc-source">
<h1>Icons and Splash Screens</h1>
<p>This section shows how to configure an app&#39;s icon and optional splash
screen for various platforms, both when working in the Cordova CLI
(described in The Command-Line Interface) or using platform-specific
SDK tools (detailed in the Platform Guides).</p>
<h2>Configuring Icons in the CLI</h2>
<p>When working in the CLI you can define app icon(s) via <code>&lt;icon&gt;</code> element (<code>config.xml</code>).
If you do not specify an icon then the Apache Cordova logo is used.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;icon src="res/ios/icon.png" platform="ios" width="57" height="57" density="mdpi" /&gt;
</code></pre></div></div>
<p>src: (required) specifies the location of the image file, relative to your project directory</p>
<p>platform: (optional) target platform</p>
<p>width: (optional) icon width in pixels</p>
<p>height: (optional) icon height in pixels</p>
<p>density: (optional) android specific, specifies icon density</p>
<p>The following configuration can be used to define single default icon
which will be used for all platforms.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;icon src="res/icon.png" /&gt;
</code></pre></div></div>
<p>For each platform you can also define a pixel-perfect icons set to fit
different screen resolutions.</p>
<p>Amazon Fire OS</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;platform name="amazon-fireos"&gt;
&lt;icon src="res/android/ldpi.png" density="ldpi" /&gt;
&lt;icon src="res/android/mdpi.png" density="mdpi" /&gt;
&lt;icon src="res/android/hdpi.png" density="hdpi" /&gt;
&lt;icon src="res/android/xhdpi.png" density="xhdpi" /&gt;
&lt;/platform&gt;
</code></pre></div></div>
<p>Android</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;platform name="android"&gt;
&lt;icon src="res/android/ldpi.png" density="ldpi" /&gt;
&lt;icon src="res/android/mdpi.png" density="mdpi" /&gt;
&lt;icon src="res/android/hdpi.png" density="hdpi" /&gt;
&lt;icon src="res/android/xhdpi.png" density="xhdpi" /&gt;
&lt;/platform&gt;
</code></pre></div></div>
<p>BlackBerry10</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;platform name="blackberry10"&gt;
&lt;icon src="res/bb10/icon-86.png" /&gt;
&lt;icon src="res/bb10/icon-150.png" /&gt;
&lt;/platform&gt;
</code></pre></div></div>
<p>See BlackBerry&#39;s documentation for targeting multiple sizes and locales.
[http://developer.blackberry.com/html5/documentation/icon_element.html]</p>
<p>Firefox OS</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;platform name="firefoxos"&gt;
&lt;icon src="res/ff/logo.png" width="60" height="60" /&gt;
&lt;/platform&gt;
</code></pre></div></div>
<p>iOS</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;platform name="ios"&gt;
&lt;!-- iOS 8.0+ --&gt;
&lt;!-- iPhone 6 Plus --&gt;
&lt;icon src="res/ios/icon-60@3x.png" width="180" height="180" /&gt;
&lt;!-- iOS 7.0+ --&gt;
&lt;!-- iPhone / iPod Touch --&gt;
&lt;icon src="res/ios/icon-60.png" width="60" height="60" /&gt;
&lt;icon src="res/ios/icon-60@2x.png" width="120" height="120" /&gt;
&lt;!-- iPad --&gt;
&lt;icon src="res/ios/icon-76.png" width="76" height="76" /&gt;
&lt;icon src="res/ios/icon-76@2x.png" width="152" height="152" /&gt;
&lt;!-- iOS 6.1 --&gt;
&lt;!-- Spotlight Icon --&gt;
&lt;icon src="res/ios/icon-40.png" width="40" height="40" /&gt;
&lt;icon src="res/ios/icon-40@2x.png" width="80" height="80" /&gt;
&lt;!-- iPhone / iPod Touch --&gt;
&lt;icon src="res/ios/icon.png" width="57" height="57" /&gt;
&lt;icon src="res/ios/icon@2x.png" width="114" height="114" /&gt;
&lt;!-- iPad --&gt;
&lt;icon src="res/ios/icon-72.png" width="72" height="72" /&gt;
&lt;icon src="res/ios/icon-72@2x.png" width="144" height="144" /&gt;
&lt;!-- iPhone Spotlight and Settings Icon --&gt;
&lt;icon src="res/ios/icon-small.png" width="29" height="29" /&gt;
&lt;icon src="res/ios/icon-small@2x.png" width="58" height="58" /&gt;
&lt;!-- iPad Spotlight and Settings Icon --&gt;
&lt;icon src="res/ios/icon-50.png" width="50" height="50" /&gt;
&lt;icon src="res/ios/icon-50@2x.png" width="100" height="100" /&gt;
&lt;/platform&gt;
</code></pre></div></div>
<p>Tizen</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;platform name="tizen"&gt;
&lt;icon src="res/tizen/icon-128.png" width="128" height="128" /&gt;
&lt;/platform&gt;
</code></pre></div></div>
<p>Windows Phone8</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;platform name="wp8"&gt;
&lt;icon src="res/wp/ApplicationIcon.png" width="99" height="99" /&gt;
&lt;!-- tile image --&gt;
&lt;icon src="res/wp/Background.png" width="159" height="159" /&gt;
&lt;/platform&gt;
</code></pre></div></div>
<p>Windows8</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code> &lt;platform name="windows8"&gt;
&lt;icon src="res/windows8/logo.png" width="150" height="150" /&gt;
&lt;icon src="res/windows8/smalllogo.png" width="30" height="30" /&gt;
&lt;icon src="res/windows8/storelogo.png" width="50" height="50" /&gt;
&lt;/platform&gt;
</code></pre></div></div>
<h2>Configuring Splash Screens in the CLI</h2>
<p>In the top-level <code>config.xml</code> file (not the one in <code>platforms</code>), add configuration elements like those specified here.</p>
<h1>Example configuration</h1>
<p>Please notice that the value of the &quot;src&quot; attribute is relative to the project directory and not to the www directory.
You can name the source image whatever you like. The internal name in the app are determined by Cordova.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;platform name="android"&gt;
&lt;!-- you can use any density that exists in the Android project --&gt;
&lt;splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/&gt;
&lt;splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/&gt;
&lt;splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/&gt;
&lt;splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/&gt;
&lt;splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/&gt;
&lt;splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/&gt;
&lt;splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/&gt;
&lt;splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/&gt;
&lt;/platform&gt;
&lt;platform name="ios"&gt;
&lt;!-- images are determined by width and height. The following are supported --&gt;
&lt;splash src="res/screen/ios/Default~iphone.png" width="320" height="480"/&gt;
&lt;splash src="res/screen/ios/Default@2x~iphone.png" width="640" height="960"/&gt;
&lt;splash src="res/screen/ios/Default-Portrait~ipad.png" width="768" height="1024"/&gt;
&lt;splash src="res/screen/ios/Default-Portrait@2x~ipad.png" width="1536" height="2048"/&gt;
&lt;splash src="res/screen/ios/Default-Landscape~ipad.png" width="1024" height="768"/&gt;
&lt;splash src="res/screen/ios/Default-Landscape@2x~ipad.png" width="2048" height="1536"/&gt;
&lt;splash src="res/screen/ios/Default-568h@2x~iphone.png" width="640" height="1136"/&gt;
&lt;splash src="res/screen/ios/Default-667h.png" width="750" height="1334"/&gt;
&lt;splash src="res/screen/ios/Default-736h.png" width="1242" height="2208"/&gt;
&lt;splash src="res/screen/ios/Default-Landscape-736h.png" width="2208" height="1242"/&gt;
&lt;/platform&gt;
&lt;platform name="wp8"&gt;
&lt;!-- images are determined by width and height. The following are supported --&gt;
&lt;splash src="res/screen/wp8/SplashScreenImage.jpg" width="768" height="1280"/&gt;
&lt;/platform&gt;
&lt;platform name="windows8"&gt;
&lt;!-- images are determined by width and height. The following are supported --&gt;
&lt;splash src="res/screen/windows8/splashscreen.png" width="620" height="300"/&gt;
&lt;/platform&gt;
&lt;platform name="blackberry10"&gt;
&lt;!-- Add a rim:splash element for each resolution and locale you wish --&gt;
&lt;!-- http://developer.blackberry.com/html5/documentation/rim_splash_element.html --&gt;
&lt;rim:splash src="res/screen/windows8/splashscreen.png"/&gt;
&lt;/platform&gt;
&lt;preference name="SplashScreenDelay" value="10000" /&gt;
</code></pre></div></div>
<h1>Supported platforms</h1>
<p>As of now (Cordova 3.5.0 July 2014) the following platforms support splash screens.</p>
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>android
ios
wp8
windows8
blackberry10
</code></pre></div></div>
<h1>Splashscreen Plugin</h1>
<p>Apache Cordova also offers special splash screen plugin which could be used to programmatically display and hide a splash screen during application launch
https://github.com/apache/cordova-plugin-splashscreen</p>
</div>
</div>
<div class="row">
<div class="blue-divider"></div>
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-sm-9">
<h1>More Resources</h1>
<div class="row">
<div class="col-sm-4">
<h2>General</h2>
<ul class="nav">
<li>
<a target="_blank" href="https://projects.apache.org/project.html?cordova">Apache Project Page</a>
</li>
<li>
<a href="https://www.apache.org/dyn/closer.cgi/cordova">Source Distribution</a>
</li>
<li>
<a target="_blank" href="https://www.apache.org/licenses">License</a>
</li>
<li>
<a href="/artwork">Artwork</a>
</li>
</ul>
</div>
<div class="col-sm-4">
<h2>Development</h2>
<ul class="nav">
<li><a target="_blank" href="https://github.com/apache?utf8=%E2%9C%93&amp;q=cordova-">Source Code</a></li>
<li><a target="_blank" href="https://github.com/apache/cordova#filing-a-bug">Issue Tracker</a></li>
<li><a target="_blank" href="https://stackoverflow.com/questions/tagged/cordova">Stack Overflow</a></li>
<li><a href="/contact">Mailing List</a></li>
<li><a href="/contribute/nightly_builds.html">Nightly builds</a></li>
</ul>
</div>
<div class="col-sm-4">
<h2>Apache Software Foundation</h2>
<ul class="nav">
<li>
<a target="_blank" href="https://www.apache.org/">About ASF</a>
</li>
<li>
<a target="_blank" href="https://www.apache.org/events/current-event">Events</a>
</li>
<li>
<a target="_blank" href="https://www.apache.org/foundation/sponsorship.html">Become a Sponsor</a>
</li>
<li>
<a target="_blank" href="https://www.apache.org/foundation/thanks.html">Thanks</a>
</li>
<li>
<a target="_blank" href="https://www.apache.org/security/">Security</a>
</li>
<li>
<a target="_blank" href="https://privacy.apache.org/policies/privacy-policy-public.html">Privacy policy</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-3">
<h1>Contribute</h1>
<p style="padding-top:20px"><strong>Help Cordova move forward!</strong></p>
<p>Report bugs, improve the docs, or contribute to the code.</p>
<a href="/contribute" class="btn btn-lg btn-primary">
Learn More
</a>
<p style="padding-top:20px"> <a href="https://twitter.com/apachecordova" class="twitter-follow-button" data-show-count="false">Follow @apachecordova</a></p>
</div>
</div>
<p class="copyright_text">
Copyright &copy; 2024 <a href="https://apache.org">The Apache Software Foundation</a>, Licensed under the <a target="_blank" href="https://www.apache.org/licenses/">Apache License, Version 2.0</a>.<br/>
Apache and the Apache feather logos are <a target="_blank" href="https://www.apache.org/foundation/marks/list/">trademarks</a> of The Apache Software Foundation.
<br/>
<p>See the <a href="/attributions/">attributions page</a> for other copyright & trademark notices.</p>
</p>
</div>
</footer>
</div>
</div>
</div>
<script defer type="text/javascript" src="/static/js/lib/toc.min.js"></script>
<script defer type="text/javascript" src="/static/js/docs.js"></script>
<script defer type="text/javascript" src="/static/js/index.js"></script>
<script defer type="text/javascript" src="/static/js/twitter.js"></script>
</body>
</html>