I have a webapp that authenticate via a REST APi witch respond with a userid and a session token, that will be sent with future ajax requests as Authorization Basic Header for secured end points of the api. That works fine on every browser, including iOS Safari. On iOS (iPad) The problem comes when i use the apple-mobile-web-app-capable Meta tag and add that application to the Home Screen: After the login, even if my Authorization Header is there (see it in the web inspector network request tab on my mac) when the first secured call is sent i get the safari Authenticaion Required popup asking me to enter my password.
The header is set via the ajaxSetup beforeSend
propertie:
xhr.setRequestHeader("Authorization", "Basic " + base64Value)
Again, everything is fine on all browser, IOS Safari App and Home Button mode are ok, but when using the meta: apple-mobile-web-app-capable, the authenticaion mecanism is broken.
I did search a lot and found no solution yet.