mobile-safari - w3toppers.com

Determine if user navigated from mobile Safari

See https://developer.chrome.com/multidevice/user-agent#chrome_for_ios_user_agent – the user agent strings for Safari on iOS and for Chrome on iOS are inconveniently similar: Chrome Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0 (KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3 Safari Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 … Read more

iPad Safari: How to disable the quick blinking effect when a link has been hit

You could set a transparent color to the -webkit-tap-highlight-color property of that element. a { -webkit-tap-highlight-color: transparent; }

‘pageshow’ is not received when pressing “back” button on Safari on *IPad”

You can check the persisted property of the pageshow event. It is set to false on initial page load. When page is loaded from cache it is set to true. window.onpageshow = function(event) { if (event.persisted) { alert(“back to page”); } }; For some reason jQuery does not have this property in the event. You … Read more

Does iPhone/iPad Safari require ‘Accept-Ranges’ header for video?

I found some Apple documentation that says that it does in fact need that for video. HTTP servers hosting media files for iOS must support byte-range requests, which iOS uses to perform random access in media playback. (Byte-range support is also known as content-range or partial-range support.) Most, but not all, HTTP 1.1 servers already … Read more

Cancel single image request in html5 browsers

This is the only way that I managed to get it to work in all modern browsers (Chrome, Safari, Mobile-Safari, Firefox, and IE9). Load an empty and hidden iframe append an image tag to the body in the iframe when the img.onload completes, you can use that image dom element to draw to an html5 … Read more

iPad Safari mobile seems to ignore z-indexing position for html5 video elements

The issue only occurs if the video element was dynamically created. If the element was just in the page as it loaded, z-index works fine. You can fix z-index on dynamically created videos by giving the video element -webkit-transform-style: preserve-3d. Yep, it’s as bad as haslayout on IE!

Debug iPad Safari with a PC

Update October 2019 This solution doesn’t work for IOS 12+ (resource 1, resource 2). Updated and tested on 24/6/2017 Using Chrome on Windows 8 and more recent: Download and install Node Download and install ITunes and connect it to your Device. (A pop-up should shows to your iPad to get authorization) . Be sure to … Read more

Some font-size’s rendered larger on Safari (iPhone)

Joe’s response has some good best practices in it, but I think the problem you’re describing centers around the fact that Mobile Safari automatically scales text if it thinks the text will render too small. You can get around this with the CSS property -webkit-text-size-adjust. Here’s a sample of how to apply this to your … Read more

Launching app OR app store from Safari?

It’s not possible to check if app is installed from a web page. You could do it inside an other app by checking if your url scheme can be opened using UIApplication’s -canOpenURL: method, but there is no javascript equivalent to this. However, you can use the following workaround: <script language=”javascript”> function open_appstore() { window.location=’http://itunes.com/’; … Read more