We have a web app that will launch in full screen mode on iOS when bookmarked to the home screen.
The web app is significantly slower compared to running in Safari as normal.
I'm aware of some old articles on this issue like here:
http://teleread.com/web-apps-launched-from-ios-home-screen-run-slower-than-in-safari/index.html
Can anyone add updated information to this issue? Why does it happen? Is there a way around it?
I've run many tests for mobile including using Google Chrome and Safari's Responsive Design mode with the iPhone 6 setting, however, a link with an icon is showing up differently on my actual iPhone 6.. does anyone know how I can get the same result on my browser so I can tweak the CSS so the icon doesn't go underneath? Thanks
This is what shows up on the tests in the browsers
This is what shows up on the actual iPhone 6..
Here is our development website.
On iPhone 6 or 5, using Google Chrome, we experience the following symptoms:
The page "jumps" randomly when touching links or buttons.
Sometimes, buttons and tabs do not work.
This also happens sometimes on other sites, such as Medium.com, but not with all websites.
These issues are not present on Safari or on Chrome but on Android.
We are not sure if this is a problem with our website coding or with Chrome on iOS. I did some searching but did not find any issues similar to ours.
Is there any way of testing Apple Smart App Banners in a desktop browser by doing something along the line of spoofing the user agent, or is this functionality so specific to Mobile Safari that I can only test it on an iDevice?
I know that merely spoofing the user agent in a desktop browser doesn't do anything in regards to showing the Smart App Banner, but maybe I can do something else in my desktop Safari browser to test the banner?
I am not an iOS developer but I have access to the iOS emulator on my colleague's Mac if that helps.
Unfortunately, the Smart App Banner is only displayed on iOS Safari on a real device. The iOS Simulator and desktop Safari cannot display smart app banners.
This is a bummer, especially because resetting smart app banners after they have been dismissed is a huge pain.
In chrome dev tools, click the sprocket that lead you to the more advnaced settings, there check the 'override' check-box, and select a mobile user agent(IOS, Android).
Keep in mind that the screen sizes that chrome provide are not always accurate and might need some adjustment.
For more accurate screen sizes you might want to use Mozilla & Firebug(basically has the same functionality)
You can just tap the toggle device toolbar inside chrome inspector and the smart app banners are recognized since this toggle changes to a mobile user agent.
See sample result :
How does one make a semi-opaque/transparent keyboard in Mobile Safari?
There seem to be a few solutions for doing this in native iOS apps in addition to UIWebViews, but not for keyboards instantiated in the stand-alone iOS web browser.
It is not possible to change the appearance of the system onscreen keyboard in Safari. You could create your own web browsing app that could do that but in Safari it isn't possible.