There is no chance to get autoplay working in mobile browsers. Android and iOS doesn’t allow it and personally I think that is a feasible confinement! Imagine every second website you will open plays and ugly sound at start! But you can make a little hack, so that the user will not remark that he … Read more
The equivalent for onmousedown on touchscreen devices is ontouchstart, and the equivalent of onmouseup is ontouchend. If you would also like to detect dragging, you could use ontouchmove which is fired every time you move your finger after touching the screen.
I would guess that they are using the History API. By listening to popstate window.addEventListener(“popstate”, function(e) { … }); you can show a warning before allowing doing anything stupid.
We also stumbled upon this when our mobile suddenly behaved differently and finally find the root cause of this. Both WebKit (iOS) and Android (Chrome) have just recently changed the default behavior of the image-orientation CSS propterty. While it was none before, it is now from-image. This means: Before, they ignored the EXIF data of … Read more
Probably is a little late, but just in case I will leave you my answer. I had the same problem with Safari and I figured out that this seems to be a Safari issue/bug. You can work around this bug just wrapping your SVG tag with another HTML tag like a div and apply to … Read more
I agree that there really ought to be some signal you can hook on to to know when an application goes to sleep and when it wakes up, but you should be able to figure out when Safari wakes up indirectly. When the webview goes into the background, Safari puts everything in it to sleep. … Read more
Assuming you are using iOS5.0 or later, I think you have to use the following: -webkit-overflow-scrolling: auto (this is default style) auto: One finger scrolling without momentum. The other available style is -webkit-overflow-scrolling: touch touch: Native-style scrolling. Specifying this style has the effect of creating a staking context (like opacity, masks, and transforms). Using touch … Read more
There is few options to check it: Using Visibility API Using focus and blur events to detect browser tab visibility: window.addEventListener(“focus”, handleBrowserState.bind(context, true)); window.addEventListener(“blur”, handleBrowserState.bind(context, false)); function handleBrowserState(isActive){ // do something } Using timers, as mentioned above
The accepted answer doesn’t work as tested using the WKWebView vs UIWebView app As the article mentions, the only HTML5 feature difference is IndexedDB support. So I’d go for a more reliable pattern with: if (navigator.platform.substr(0,2) === ‘iP’){ //iOS (iPhone, iPod or iPad) var lte9 = /constructor/i.test(window.HTMLElement); var nav = window.navigator, ua = nav.userAgent, idb … Read more
Update 10/23/13: Fixed in iOS 7.0.3. Add a target=”xxx” attribute to your links to do this. Also works with mailto: and friends. This is a bug in iOS 7.0, 7.0.1 and 7.0.2 and there’s no known way to do this. It’s a regression from earlier versions of iOS, where links that open in Safari work … Read more