Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I make my web app iPhone 5 compatible?

I have a website optimized as a web app with iOS safari, so that adding to home screen opens the app in a separate Webview. However, it always opens in the 3.5" letter boxed mode, instead of stretching to fill the screen. I know that with native apps, you just have to add the iPhone 5 sized launch image. How can I do this for a web app?

like image 900
xdumaine Avatar asked Sep 29 '12 20:09

xdumaine


People also ask

What do I do if an app is not compatible with my iPhone?

Question: Q: App not compatible with this iPhone issue Answer: A: Update your iPhone, iPad, or iPod touch - https://support.apple.com/HT204204 - When you try to update you will only be given one update selection which will be the highest available iOS version supported by your device.

How do I install an untrusted app on my iPhone?

Manually install and trust an enterprise appTap Settings > General > Profiles or Profiles & Device Management. Under the "Enterprise App" heading, you see a profile for the developer. Tap the name of the developer profile under the Enterprise App heading to establish trust for this developer.

Where is browser settings on iPhone?

Go to Settings and scroll down until you find the browser app or the email app. Tap the app, then tap Default Browser App or Default Mail App. Select a web browser or email app to set it as the default. A checkmark appears to confirm it's the default.

How do I verify app integrity on my iPhone?

To use the app, connect to the Internet and tap the Verify App button. After you verify an app for the first time, your iPhone, iPad, or iPod touch must reverify the app developer's certificate periodically to maintain trust. If you can't reverify, you may see a message that verification will expire soon.


1 Answers

I found on this post that all that is required is that you remove width=device-width from the viewport meta tag. The blog talks about specifying a startup image, but this appears to be optional.

Edit: Original source of answer is Max Firtman. He indicates it may be a bug as well (see comments), but for now, this solution works.

like image 134
xdumaine Avatar answered Sep 19 '22 14:09

xdumaine