I recently ran into this same problem. You’ll need to pass { passive: false } when registering the touchmove event listener. e.g. document.addEventListener(‘touchmove’, function(e) { e.preventDefault(); }, { passive: false }); This is because document touch event listeners are now passive by default in Safari 11.1, which is bundled with iOS 11.3. This change is … Read more
Edit (November 2015): iOS 9 no longer allows audio to start in a touchstart event, which breaks the solution below. However it works in a touchend event. The original answer for iOS 6 is left intact below, but for iOS 9 support make sure you use touchend. Well, sorry to answer my own bounty question, … Read more
If you are using Chrome in Android or any of the desktop OS, that would be the default behavior. Check on “Android intent filter” in this link. This feature is not supported in iOS yet for PWA apps(created using Safari- the only option for iOS as of June-2018).See “What PWAs can do on Android and … Read more
This answer comes with a huge delay, but I post it here just for other people who are struggling to find a solution. Recently Google has implemented the CSS conditional display-mode: standalone, so there are two possible ways to detect if an app is running standalone: Using CSS: @media all and (display-mode: standalone) { /* … Read more
Webkit has a specific style property for that: -webkit-tap-highlight-color. Copied from: http://davidwalsh.name/mobile-highlight-color— /* light blue at 80% opacity */ html { -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8); } /* change it for a div that has a similar background-color to the light blue tap color */ .blueDiv { -webkit-tap-highlight-color: rgba(251, 185, 250, 0.9); } If you … Read more
Does UIWebView use the same JavaScript engine as Mobile Safari? UIWebView does not have the Nitro Javascript engine, so it executes JS slower than Mobile Safari. So it’s not the same. Also, does UIWebView support all HTML5 features like Mobile Safari does? I am specifically concerned about Web SQL and Web Workers Not sure about … Read more
Not all browsers support the same date formats. The best approach is to split the string on the separator characters (-, and 🙂 instead, and pass each of the resulting array items to the Date constructor: var arr = “2010-03-15 10:30:00”.split(/[- :]/), date = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]); console.log(date); //-> Mon … Read more
I’m using this test client side: if (navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2) { …must be iPad OS… Since there’s no official touch screen for Mac, it seems pretty safe. The actual value of maxTouchPoints on the iPad is 5, BTW.
I actually found the problem. It wasn’t with JS as I thought, but with the CSS. I added class to make a CSS transition to fade in some elements. For anonymous users these elements had display: none; and probably never ran the opacity transition. The strange thing is that the transitions was on exactly two … Read more
Old question, but still relevant. Sencha (the new name of the company behind ExtJs) just released the mobile app platform Sencha Tounch for iPhone, iPod, iPad and Android: http://www.sencha.com/products/touch/ Blog post that explains the difference between jQTouch and Sencha Touch: http://9-bits.com/post/723711597/jqtouch-and-sencha-touch Update: John Resig recently announced that the jQuery team is working on a mobile … Read more