While we've been readying the Android release, I've also been doing some work on making the new app run on iOS.

One significant thing that needs doing is replacing the Android-native menu with something more portable. When run on iOS or in a web browser[1], we now have a provisional toolbar at the bottom of the screen, currently with six icon buttons for:

* back
* forward
* read in...
* output -> opens popup menu with 'Save page', 'Share page'
* bookmarks -> opens popup menu with 'Nearby', 'Saved pages', 'History'
* settings

This will get merged into a top-toolbar for tablet view on iPad, and may end up merging implementation with the next-gen Android-style action bar. We still need more iOS-style icons for some of these; I filled in a couple generic ones with icons from glyphish.com temporarily.

[1] You can run the app in Google Chrome by launching Chrome with the --disable-web-security option and loading up the index.html in the source tree. Don't do other stuff on the web in the same Chrome session, as it'll allow web pages to access each others' data. ;)


Things that don't currently work on iOS or web view:
* saved pages (currently requires an Android-specific urlcache plugin, could be redone in native JS?)
* nearby (currently implemented as a native Android view, should either redo as native JS with OpenStreetMap or do a native iOS implementation)
* share page (currently implemented with an Android-specific plugin, can be replaced by an iOS-specific one[2]; need a web stub also to offer copy-pasting the URL maybe)


It might also be useful to set things up with a simple proxy PHP script or something so it can be run in a regular web browser mode for testing. Running in a browser makes a lot of style & toolbar tweaks MUCH easier to prototype and debug, except for the browser-specific issues of course!

-- brion