I am using this strategy to guarentee my apps display properly on iPhone 3/4 and iPhone 5.
1. The Homepage.mobi file is a blank panel displaying the background color of the loadscreen (no loadscreen on Android).
2. The Homepage.mobi “includes” other homepages (Homepage_iphone4.mobi, Homepage_iphone5.mobi, etc.). The “include” option is at the very bottom of the properties panel on the right-hand side.
3. Homepage_custom.js has code to measure the screen size and redirect to the appropriate homepage file, based on screen size.
4. All of the iPhone3/4 files have “_iphone4.mobi” endings. All of the iPhone5 files end with “_iphone5.mobi”. The iPhone 3/4 files all link to eachother. The iPhone 5 files all link to eachother.
5. Both versions could, theoretically link to the same Javascript functions, but I prefer to keep the code seperate, too, just for clarity and testing purposes.
6. Compile Homescreen.mobi. This will essentially roll 2 versions of an app into one app. There’s no reason that this approach couldn’t be used to roll more than 2 versions into one app.
You will need seperate apps for iOS and Android, but within iOS and within Android, with this method, you only need one executable.
-1TC