This repository has been archived by the owner on Apr 3, 2020. It is now read-only.
/
crosswalk-15-beta.html
208 lines (178 loc) · 12.4 KB
/
crosswalk-15-beta.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html id="top" lang="en-us">
<head>
<meta charset="utf-8">
<title>The Crosswalk Project</title>
<link rel="shorcut icon" href="/assets/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
<script>
WebFontConfig = {
custom: {
families: ['Clear Sans'],
urls: ['/css/fonts.css']
},
google: {
families: ['Source Code Pro:n4,n6']
},
timeout: 2000
};
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script async defer src="//ajax.googleapis.com/ajax/libs/webfont/1.5.3/webfont.js"></script>
<link rel="stylesheet" href="/css/main.css">
<meta name="description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta name="author" content="Crosswalk" />
<meta name="handheldfriendly" content="true" />
<meta name="mobileoptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta http-equiv="cleartype" content="on" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- Facebook -->
<meta property="og:side_name" content="Crosswalk" />
<meta property="og:title" content="Crosswalk Project 15 Beta: Chromium 44, Android 4.0 support, migrating local storage from WebView, and more" />
<meta property="og:url" content="http://crosswalk-project.org/blog/crosswalk-15-beta" />
<meta property="og:description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta property="og:image" content="/assets/crosswalk-og-banner.jpg" />
<!-- Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="http://crosswalk-project.org/blog/crosswalk-15-beta" />
<meta name="twitter:title" content="Crosswalk Project 15 Beta: Chromium 44, Android 4.0 support, migrating local storage from WebView, and more" />
<meta name="twitter:description" content="Enable the most advanced web innovations with the Crosswalk Project web runtime to develop powerful Android and Cordova apps." />
<meta name="twitter:site" content="@xwalk_project" />
<!-- Relevant original Crosswalk Project JS -->
<script src="/js/utils.js"></script>
<script src="/js/xwalk.js"></script>
<script src="/js/versions.js"></script>
<script src="/js/demos.js"></script>
<script src="/js/testimonials.js"></script>
<script src="/js/tools.js"></script>
<script src="/js/qualityindicators.js"></script>
</head>
<body>
<!-- If curr page named 'index' and less than 2 dirs deep,
do custom layouts. (home screen, blog, app-mgmt page)
Else, provide doc header and nav. -->
<div class="container">
<div class="doc-header">
<div class="doc-logo-div">
<a href="/" class="doc-logo-link">
<img src="/assets/identity/crosswalkproject-logo-horizontal-dark.png" class="doc-logo-img">
</a>
</div>
<div class="doc-nav-div">
<ul class="doc-nav-list">
<li class="doc-nav-item">
<a href="/documentation/getting_started.html" class="doc-nav-link">Documentation</a>
</li>
<li class="doc-nav-item">
<a href="/blog" class="doc-nav-link">Blog</a>
</li>
<li class="doc-nav-item">
<a href="/contribute" class="doc-nav-link">Contribute</a>
</li>
<li class="doc-nav-item">
<a href="https://github.com/crosswalk-project/crosswalk-website/wiki" class="doc-nav-link">Wiki</a>
</li>
<li class="doc-nav-item hide-on-small">
<a href="/documentation/about/faq.html" class="doc-nav-link">FAQ</a>
</li>
<li class="doc-nav-item hide-on-small">
<a href="/documentation/getting_started.html" class="doc-nav-link" style="border:1px solid #ec543b;padding:8px;color:#ec543b;" >get started</a>
</li>
</ul>
</div>
</div>
<br />
<div class="doc-main">
<div class="row">
<article class="article">
<header class="article-header">
<h1 class="article-title">Crosswalk Project 15 Beta: Chromium 44, Android 4.0 support, migrating local storage from WebView, and more</h1>
<span class="article-meta">
<a href="crosswalk-15-beta.html"><time class="js-vagueTime" datetime="Fri, 28 Aug 2015 16:00:00 GMT">Fri, 28 Aug 2015 16:00:00 GMT</time></a>
by <span class="article-author">Francesco Balestrieri</span>
</span>
</header>
<p>Crosswalk 15 has finally entered the Beta channel and is available from our <a href="/documentation/downloads.html">Downloads</a> page. This is quite a bit later than the scheduled date, for what we hope is a good reason: we wanted to keep the Android 4.0 support that was removed from Chromium 44, but it took longer than the time we usually allocate for rebasing. Rather than skipping one Chromium update, we decided to delay the release. Going forward, we plan to maintain the 4.0 support for as long as the effort is manageable, while returning to the usual 6-week release cadence.</p>
<p>Users of the <a href="https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview">Crosswalk Cordova WebView plugin</a> should note that this version of Crosswalk doesn’t work with the 1.2.0 plugin currently <a href="https://www.npmjs.com/package/cordova-android-crosswalk">available from NPM</a>. In order to try it out you’ll need to install the plugin from the github repository until we make a new release to NPM, which should happen soon.</p>
<p>Below are the major features of Crosswalk 15. As usual please report bugs and issues to our <a href="https://crosswalk-project.org/jira">Jira</a>. Happy hacking!</p>
<h2>Chromium 44 and Android 4.0.x support</h2>
<p>Chromium 44 includes new EC6 features and updated APIs. For more information see the <a href="http://blog.chromium.org/2015/06/chrome-44-beta-improvements-to.html">announcement</a> in the Chromium Developers blog. </p>
<p>Starting with this release, Chromium for Android no longer supports Android 4.0.x. However we have kept the support in our own fork of Chromium 44, which means that Crosswalk 15 still supports Android 4.0.x. </p>
<h2>Preserving webview local storage data</h2>
<p>Now that replacing the platform WebView with Crosswalk in Cordova is as easy as installing a plugin, many people have updated their existing Cordova applications to use Crosswalk. However doing so meant losing the data saved in the WebView local storage. With Crosswalk 15 this is no longer the case, and localStorage and IndexedDB data will be preserved when updating existing webview-based hybrid apps to Crosswalk.</p>
<h2>Support for theme-color on Android 5+</h2>
<p>Chrome 39 introduced the <a href="https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android?hl=en"><code>theme-color</code></a> meta tag to set the color of the toolbar when looking at a web application in the Android task switcher. This feature is now enabled in Crosswalk as well.</p>
<h2>Embedding API updates</h2>
<ul>
<li>XWalkView now uses <a href="http://developer.android.com/reference/android/view/SurfaceView.html"><code>SurfaceView</code></a> as the default rendering backend. This solves several visual glitches, for example when opening/closing the virtual keyboard, and gives better performance, however it doesn’t support animating the view. If you need to animate the XWalkView, select <a href="http://developer.android.com/reference/android/view/TextureView.html"><code>TextureView</code></a> as the rendering backend. To change the view type to TextureView, use <code>XWalkPreferences.setValue(XWalkPreferences.ANIMATABLE_XWALK_VIEW, true)</code></li>
<li>New methods to programmatically zoom the view: <a href="https://crosswalk-project.org/jira/browse/XWALK-4171"><code>XWalkView.zoomOut</code></a>,<a href="https://crosswalk-project.org/jira/browse/XWALK-4170"><code>XWalkView.zoomIn</code></a>, <a href="https://crosswalk-project.org/jira/browse/XWALK-4169"><code>XWalkView.zoomBy</code></a></li>
<li>Override the default DownloadListener with <a href="https://crosswalk-project.org/jira/browse/XWALK-3958"><code>XWalkView.setDownloadListener</code></a></li>
<li>New helper class <a href="https://crosswalk-project.org/jira/browse/XWALK-3971"><code>XWalkInitializer</code></a> to initialize XWalkView asynchronously </li>
</ul>
<h2>Extension framework</h2>
<p>JavaScript stub auto-generation for Java extensions on Android <a href="https://crosswalk-project.org/jira/browse/XWALK-3969">[XWALK-3969</a>]</p>
<h2>Size optimizations</h2>
<p>The following features were ported from the Crosswalk Lite branch to support better compression of the APK:</p>
<ul>
<li>Enable ProGuard for Crosswalk to compress APK size <a href="https://crosswalk-project.org/jira/browse/XWALK-3854">[XWALK-3854</a>]</li>
<li>LZMA support <a href="https://crosswalk-project.org/jira/browse/XWALK-3810">[XWALK-3810</a>]</li>
<li>Ability to customize the dialog shown when uncompressing Crosswalk <a href="https://crosswalk-project.org/jira/browse/XWALK-3475">[XWALK-3475</a>]</li>
</ul>
<a href="http://twitter.com/xwalk_project" class="article-promo well">
<h4 class="article-promoTitle">Get more hybrid app secrets</h4>
<p>Build powerful hybrid apps for Android or Cordova / PhoneGap more reliably with <span class="a-faux">tips from the Intel Crosswalk team</span>.</p>
</a>
</article>
</div>
</div>
</div>
<hr class="footer-divider" style="margin-top:125px; margin-bottom:0px" />
<div style="position:relative; top:-30px;">
<a href="/"><img src="/assets/cw-logo-circle.png" width="60px" style="display:block; margin: 0 auto;" /></a>
</div>
<footer class="footer footer--documentation" >
<div class="container" >
<div class="row">
<div class="footer-div">
<img src="/assets/Twitter_logo_blue.png" width="20px" /> Follow <a href="http://twitter.com/xwalk_project">@xwalk_project on Twitter</a> for the latest developer activities and project updates.
</div>
<div class="footer-div">
Latest blog post:</br>
<b><a href="/blog">Introducing 'Download mode' in Crosswalk for Android</a></b><br/>
(<span ><time class="js-vagueTime" datetime="Mon, 09 May 2016 17:00:00 GMT">2016-05-09T17:00</time></span>)
<br/>
</div>
<div class="footer-div">
<strong><a href="/feed.xml"><img src="/assets/rss-icon-16.gif" style="vertical-align:middle" /> RSS Feed</a></strong>
</div>
<div class="footer-div">
<a href="/documentation">Documentation</a>
<a href="/blog">Blog</a>
<a href="/documentation/downloads.html">Downloads</a> <br />
<a href="https://crosswalk-project.org/jira/secure/Dashboard.jspa">Issues</a>
<a href="https://github.com/crosswalk-project">GitHub source</a>
<a href="/sitemap.html">Sitemap</a> <br/>
</div>
</div>
<div class="row">
<small>
The Crosswalk Project was created by the Intel Open Source Technology Center. Copyright © 2013–2016 Intel Corporation. All rights reserved. <a href="https://github.com/crosswalk-project/crosswalk-website/wiki/Privacy-Policy">Privacy policy</a>. *Other names and brands may be claimed as the property of others.
</small>
</div>
</div>
</footer>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WC843Q"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WC843Q');</script>
<!-- End Google Tag Manager -->
<script src="/js/smoothScroll.js"></script>
<script src="/js/vagueTime.js"></script>
<!-- <script async defer src="/js/trmix.js"></script> -->
</body>
</html>