I think this is a feature of mobile Safari rather than a bug. In our work on FastClick, my colleagues and I found that iOS will only allow focus to be triggered on other elements, from within a function, if the first function in the call stack was triggered by a non-programmatic event. In your … Read more
You need to trick the browser to use hardware acceleration more effectively. You can do this with an empty three-dimensional transform: -webkit-transform: translate3d(0, 0, 0) Particularly, you’ll need this on child elements that have a position:relative; declaration (or, just go all out and do it to all child elements). It is aot a guaranteed fix, … Read more
Add this to the UIWebView delegate: (edited to check for navigation type. you could also pass through file:// requests which would be relative links) – (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { if (navigationType == UIWebViewNavigationTypeLinkClicked ) { [[UIApplication sharedApplication] openURL:[request URL]]; return NO; } return YES; } Swift Version: func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, … Read more
It’s possible to prevent webpage scaling in safari on iOS 10, but it’s going to involve more work on your part. I guess the argument is that a degree of difficulty should stop cargo-cult devs from dropping “user-scalable=no” into every viewport tag and making things needlessly difficult for vision-impaired users. Still, I would like to … Read more
You can prevent Safari from automatically zooming in on text fields during user input without disabling the user’s ability to pinch zoom. Just add maximum-scale=1 but leave out the user-scale attribute suggested in other answers. It is a worthwhile option if you have a form in a layer that “floats” around if zoomed, which can … Read more
This seems to be the right thing to do, according to the Safari HTML Reference: <meta name=”format-detection” content=”telephone=no”> If you disable this but still want telephone links, you can still use the “tel” URI scheme. Here is the relevant page at Apple’s Developer Library.
I had same issue with apple devices like iPhone and iPad, I turned off the low power mode and it worked and you should also include playsinline attribute in video tag like this: <video class=”video-background” autoplay loop muted playsinline> It only worked when including playsinline.
Core jQuery doesn’t have anything special for touch events, but you can easily build your own using the following events touchstart touchmove touchend touchcancel For example, the touchmove document.addEventListener(‘touchmove’, function(e) { e.preventDefault(); var touch = e.touches[0]; alert(touch.pageX + ” – ” + touch.pageY); }, false); This works in most WebKit based browsers (incl. Android). Here … Read more
After a bit of investigation, turns out that Safari on iOS6 will cache POSTs that have either no Cache-Control headers or even “Cache-Control: max-age=0”. The only way I’ve found of preventing this caching from happening at a global level rather than having to hack random querystrings onto the end of service calls is to set … Read more
As far as I know you can not, from a browser, check if an app is installed or not. But you can try redirecting the phone to the app, and if nothing happens redirect the phone to a specified page, like this: setTimeout(function () { window.location = “https://itunes.apple.com/appdir”; }, 25); window.location = “appname://”; If the … Read more