mobile-safari | 易学教程

Prevent iOS 11.3 overflow bouncing

阅读更多关于 Prevent iOS 11.3 overflow bouncing

问题 I've been making use of the preventDefault technique on the touchmove event since now, when I noticed it doesn't seem to work anymore on iOS 11.3, for neither Safari, nor Chrome or Firefox: document.ontouchmove = function(event){ event.preventDefault(); } Has anything changed now in iOS? What's the way of preventing the bouncing at the top or end of the page? Reproduction online Reproduction online with jQuery Video here: 回答1: It was caused by a bug of WebKit. Bug 182521 Try window

Mobile Safari sometimes does not trigger the click event

阅读更多关于 Mobile Safari sometimes does not trigger the click event

问题 This is a dynamic JavaScript application I am working on. I have many <a> anchor elements that have a class. When that class is clicked, something should happen. This works fine in Firefox, Chrome, IE, but in some cases the click event is not triggered on mobile Safari (iPad and iPhone). These elements all have exactly the same CSS, it's just their position that differs (they are in different containers). I tried various solutions that I found here but with no luck. For instance: setting the

iOS 8 Action Extension for selected text in Safari

阅读更多关于 iOS 8 Action Extension for selected text in Safari

问题 I can't get Action Extensions to work with selected text in safari. Inside Activation rules there is the rule to allow text, but the extension is not available when I select the text. 回答1: You need to turn on NSExtensionActivationSupportsWebURLWithMaxCount to make extension available in Safari. When you create a non-UI action extension target from the template, an Action.js file is automatically created. Edit the file to send back the selected text using document.getSelection().toString() 来源：

Can a webpage in mobile Safari check whether Settings > Safari > Accept Cookies 'From visited' or 'Always' is selected?

阅读更多关于 Can a webpage in mobile Safari check whether Settings > Safari > Accept Cookies 'From visited' or 'Always' is selected?

问题 Is there a JavaScript function or something that iOS provides so that I can check how strict the cookie setting is from a webpage? If there isn't something that iOS provides, is there an industry standard process for detecting which setting is being used? My initial idea is to drop a cookie and check whether it's there...but I was wondering whether there is a better way. 回答1: I highly suspect that there is no way to determine what the user's actual setting is, but Mobile Safari responds to

Website showing differently on Ipad/Iphone simulator vs real Device

阅读更多关于 Website showing differently on Ipad/Iphone simulator vs real Device

I have searched lots of iPad / iPhone simulators ...tested my website. Website is looking good on almost all simulators...but when i open the website in real iPad every thing is going wrong... As i can't inspect etc on device...so its difficult to know things which are going wrong and can't adjust accordingly...any better solution for this? http://ipadpeek.com/ This simulator was close but not enough... Sorry i can't share website link. A really good service that I use is Browserstack.com and simulates all versions of most devices out there, I've found that there are next to no differences

browse or select file button disable in iphone safari browser

阅读更多关于 browse or select file button disable in iphone safari browser

问题 I want to know why select file or choose file button is disable when a web page is view in iphone safari. Can anyone tell explain me why this happens is there any way to enable it ?? Thanks 回答1: Because you can't upload files from your iPhone? 来源： https://stackoverflow.com/questions/3616742/browse-or-select-file-button-disable-in-iphone-safari-browser

CSS animation visibility: visible; works on Chrome and Safari, but not on iOS

阅读更多关于 CSS animation visibility: visible; works on Chrome and Safari, but not on iOS

In Chrome (19.0.1084.46 m on WinXP) and Safari (5.1.7 on OS X 10.7.4), this fiddle http://jsfiddle.net/Vkpwm/ works; clicking on the google image shows/hides the green div, but when loading it on my iPhone, and on the iPhone simulator in xCode (by using the direct page http://jsfiddle.net/Vkpwm/show/ ), the div never gets shown again. Removing the line "-webkit-transition: 0.5s;" from the css makes it work, but obviously breaks the animation. Removing the line "visibility: hidden;" also makes it work, but means that the div is still there and events get fired on it (e.g. the alert is fired

history object doesn't keep navigation history ios7 safari

阅读更多关于 history object doesn't keep navigation history ios7 safari

问题 I've just noticed this issue in my sencha touch 2 app: - If you are using Application Cache and also managing states through hash or other technique, the history object will not keep your navigation history, therefore history.back() will never work and history.length stays in 1 forever. Any idea whether there is a workaround to solve this? 来源： https://stackoverflow.com/questions/18914588/history-object-doesnt-keep-navigation-history-ios7-safari

why are the svg image fills on http://justplay.thefa.com upside down in iOS4?

阅读更多关于 why are the svg image fills on http://justplay.thefa.com upside down in iOS4?

http://justplay.thefa.com uses raphael and svg to create masks for background images. You can see them under find football near you. the first has the heading: "To play or not to play". These look great accross all desktop browsers and iOS 3. Why are the images upside down in iOS 4?? anybody have any idea? I've also created some simple examples at: http://the-taylors.org/teststation/raphael/v2.0/masks.html and http://jsfiddle.net/davetayls/5bWgX/1/ Thanks, been trying to work this out for ages... i'm completely baffled I came across the same issue. Apparently iOS uses a different coordinate

How do I not cache AJAX POST in mobile safari app?

阅读更多关于 How do I not cache AJAX POST in mobile safari app?

Thanks to this post I was able to solve the issue where mobile safari will cache ajax POST requests. Adding "headers: {'Cache-Control': 'no-cache'}" seemed to do the trick for my page in mobile safari. However, when I access my website via the mobile safari webapp the ajax requests are still cached. I haven't been able to find a solution so thought I'd post here. In addition to adding the header mentioned above, I've also tried adding "cache: false," as well as putting "url: '/ajax_url?v='+time". Nothing seems to work. Why the different behavior in mobile safari vs. the webapp? How do I