Last week, when preparing for the XPages Mobile Controls session at BLUG, Eamon Muldoon introduced me to a useful tip when testing on iOS. The problem is that many browsers such as Firefox and Safari use, by default, webkit styling, so use Android stylesheets.
But Safari has an option to change the user agent.
The first step is to enable the Develop menu. Go to Edit – Preferences. Then on the Advanced tab, check Show Develop menu in menu bar.
This will enable the Develop menu. From here you can go to the User Agent submenu and change the user agent to e.g. iPhone, iPad, or choose Other… to set up a custom user agent.
Now you can use the browser to see the iOS stylesheets and simulate functionalityfor a specific user agent.