If you are using phoneGap inside dreamweaver, and setup a mobile site, but don’t use Jquery library to make the UI, don’t forget to remove the CSS and JS references to the mobile library that dreamweaver puts there by default, because if you don’t, your document will not show any HTML at all, confusing the […]
If your bundle identifier has an underscore “_” due to the app name having a blank space in the name, this will be the cause. Just get rid of the underscore, run clean, and rebuild again.
A manifest file indicates the browser what files are needed to run the app offline, so the browser will store them locally for when there is no internet connection. Example, if you create demo.manifest and put it on your web root, and the content of the file is as below, the files listed will be […]
You hear it right: it is available on Safari on the iphone… Example here: http://onsubject.com/mobile_examples/iphone_local_storage/ Users have 5MB default db size, after that the app will ask them if they want to increase it. Here’s an example on how to create one: var shortName = ‘Kilo’; var version = ‘1.0’; var displayName = ‘Kilo’; var […]
localStorage.setItem(‘age’, 40); // Stores “age” js variable locally var age = localStorage.getItem(‘age’); // Gets the value localStorage.removeItem(‘age’); // Remove the item localStorage.clear(); // Removes all local storage Use sessionStorage instead if you just want to store it for as far as the window session is alive.
<link rel=”apple-touch-startup-image” href=”myCustomStartupGraphic.png” /> For the iphone
<meta name=”apple-mobile-web-app-capable” content=”yes” /> You can also control the style of the status bar: <meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
When a user bookmark your web page, you can control the icon that will show on the iphone screen as the shortcut to your app as follows: <link rel=”apple-touch-startup-image” media=”(max-device-width: 480px) and not (-webkit-min-device-pixel-ratio: 2)” href=”iphone.png” /> <link rel=”apple-touch-startup-image” media=”(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)” href=”iphone4.png” /> <link rel=”apple-touch-startup-image” media=”(max-device-width: 1024px) and (orientation: portrait)” href=”ipad-portrait.png” /> […]
This is a really interesting and simple way to handle ajax request using a sort of “controller” sitting in between your page and the different pages that get served in your mobile app (see real example at: http://onsubject.com/mobile_examples/iphone_ajax/iphone.html) 1) A page with an empty container is served. The empty container is loaded via load(), based […]