mobile-safari

问题 I installed iOS 8 on a third generation iPad and tried IndexedDB in Safari. My sample code just adds 1000 objects to an object store. It works however it is very slow compared to other devices with similar or weaker hardware. See this snippet for implementation details (IndexedDB seems to be disabled on stackoverflow so the example does not work out of the box - use this fiddle instead ): Added the snippet to jsbin because jsfiddle raises a SecurityException on iOS device and updated with

问题 I'd like to run a $('html, body').animate({ scrollTop: 0 }, 0); anytime the on-screen keyboard is closed in my iPad web app. I've tried with .blur(); but that causes problems if the user focuses on the next or previous field directly from the on-screen keyboard. Does closing the keyboard trigger an event of any sort? That would be the most stable route for me to go. 回答1: Switched the event to blur() and it seems to work a lot better with the iPad, Playbook still does some strange things. I

问题 I would like to change the the "return" button text on the Mobile Safari keyboard when my input element is focused. I know you can do this: <form action="somewebsite.com"> <input id='SearchTextBox' type="search"/> <input id='SearchButton' type="button" value="Search" /> </form> But I don't want the form tag because the search is ajaxian (I don't want to reload the page). Does anyone know if this is possible? 回答1: Heh, should have thought of this (coworker solved). Just cancel the form

问题 While testing my website's mobile version on several devices, I noticed a very strange behaviour. I have a scrollable content div with overflow: auto , and this works properly on all tested devices, except iPhone 4 on Safari. Other browsers and devices display it correctly, even iPhone 5 Safari. On iPhone 4 Safari, when you scroll to the end of the content, a lot of extra whitespace appears at the bottom (looks like 100-200% extra height) and the text disappears when scrolling. This doesn't

问题 Got an issue I've been trying to solve without much luck for a while across various projects. I've got some div s with text inside that is centered with CSS using display: block and line-height . I also tried with padding and a fixed height. Typically, these are setup as either just headers, or sometimes buttons. Either way, I always seem to have an offset on the top from vertical center in the mobile safari browser that I don't get in ANY web browser (it's perfectly vertically aligned in a

问题 I've been reading many other questions, like these[1][2][3] for example, but the problem still persists. I need to find the "cleanest" way to have a HTML input for mobile devices and which respects all these three rules: suitable mainly for numbers , integer or float shows the numeric keypad on mobile devices , on Chrome for Android and Safari for iOS, with no strange extra keys fully respects the HTML5 rules (tested by W3 validator) What have I tried? I've been across these solutions, which

问题 I'm developing an app using jquery mobile, phonegap and openDatabase. When the app is executed, I can see in the console of Safari browser the SQLResultSet with this message: insertId: Error: INVALID_ACCESS_ERR: DOM Exception 15. However, my app is working ok. But I don't understand why that message is shown. Please, help me. 回答1: It means that no row was inserted by a transaction, by that it's more an information than an error. If an INSERT-statement wasn't successfull or an transaction wasn

问题 I'm developing an app using jquery mobile, phonegap and openDatabase. When the app is executed, I can see in the console of Safari browser the SQLResultSet with this message: insertId: Error: INVALID_ACCESS_ERR: DOM Exception 15. However, my app is working ok. But I don't understand why that message is shown. Please, help me. 回答1: It means that no row was inserted by a transaction, by that it's more an information than an error. If an INSERT-statement wasn't successfull or an transaction wasn

问题 Disclaimer: I am using JQuery Mobile. I have a bunch of pages with different forms on, but some of them seem to exhibit different behaviour when pressing the next/previous buttons. All forms are set up with tab index. Form 1 works perfectly, except it skips the JQuery Mobile flip switches and radio buttons, which isn't really a problem as they are a bit different. Form 2, the element with tabindex="0" has focus set to it using $("#myElement").focus(); and then the next button is disabled, and

问题 I am currently writing a small web app using Asp.net MVC and jQuery mobile. Everything is rendering fine in the desktop test environment and in Safari browser on the iPad. However, when I add <meta name="apple-mobile-web-app-capable" content="yes" /> to the head I start getting some weird behaviors. Here is the beginning of my simple test login page for the explanation below: <%@ Page Title="Test App" Language="C#" Inherits="System.Web.Mvc.ViewPage<TestApp.ViewModels.LoginViewModel>" %> <