If you're new to Chrome Apps, the biggest gotcha is that some web features are disabled. However, several of these do currently work within Cordova.
A Chrome App may not work out of the box on mobile. Some common problems with porting to mobile:
- Layout issues with small screens, especially while in a portrait orientation.
- Suggested fix: Use CSS media queries to optimize your content for smaller screens.
- Chrome App window sizes set via chrome.app.window will be ignored, instead using the device's density-adjusted dimensions.
- Suggested fix: Remove hard-coded window dimensions; design your app with different sizes in mind.
- Small buttons and links will be hard to tap with a finger.
- Suggested fix: Adjust your touch targets to be at least 44 x 44 points.
- Unexpected behavior when relying on mouse hover which does not exist on touch screens.
- Suggested fix: In addition to hover, activate UI elements such as dropdowns and tooltips on tap.
- A 300ms tap delay on iOS
- Suggested fix: Use the FastClick by FT Labs JavaScript polyfill.
- Read this HTML5Rocks article for some background info.
- Flashes when tapping on things
- Suggested fix: Add
-webkit-tap-hightlight-color
and-webkit-touch-callout
to your CSS
- Suggested fix: Add
We've made many of the core Chrome APIs available to Chrome Apps for Mobile.
However, not all Chrome JavaScript APIs are implemented. And not all Chrome Desktop features are available on mobile:
- no
<webview>
tag - no NaCl
- no IndexedDB on iOS
- no getUserMedia() on iOS
Done? Continue to Step 5: Publish »