Not sure if this belongs to SO or here.
I'm running a webApp using jquery, jquerymobile, requireJS and apache, coldfusion8, mysql 5.0.88 serverside.
The app works fine until I try to run it in fullscreen mode on iOS (add icon to homescreen, launch app from there with
<meta name="apple-mobile-web-app-capable" content="yes" />
specified). This meta tag will break the Jquery Mobile AJAX navigation. The AJAX request will fail and the requested page will be loaded as a new page, thereby restarting the app on every page change.
I have chased this through the whole front end starting from requireJS through Jquery Mobiles AJAX navigation down to the AJAX request being made in Jquery.
xhr.send( ( s.hasContent && s.data ) || null );
In regular browser this works no problem. In fullscreen mode, this fails (readystate=0, empty response).
I have found this article, which argues that fullscreen mode is like a browser instance with different HTTP strings. On ASP.net this results in the browser not being identified by the server and only basic browser settings being assumed (e.g. no Javascript).
I'm a little lost where to start looking for possible reasons serverside. I have not written any server code for handling Ajax page navigation, so this must be something that is handled out of the box by Coldfusion or Apache?
Question:
Where could I start looking for problable causes of fullscreen mode breaking AJAX navigation if I assume Coldfusion or Apache are the culprits? Is there a setting I'm missing in httpd.config? What else could be the problem?
Thanks for inputs!