mobile-safari

问题 I'd like to allow users of my mobile website to upload a photo, enter a tag and caption in Mobile Safari, then open Instagram with that image, tag and caption pre-populated. Based on this documentation, it's possible to pre-populate the image and tag, but the only mention of pre-populating a caption is "To include a pre-filled caption with your photo, you can set the annotation property on the document interaction request to an NSDictionary containing an NSString under the key

问题 See this demo page in iphone http://jsbin.com/unese4/8 at the bottom of the page there is one dropdown which opens but doesn't work properly. This question is related to this question iScroll 4 not working with form <select> element iPhone Safari and Android browser 回答1: Actually, your issue is related to this question: webkit-transform issue on safari using select elements When an input gains focus in iOS Safari, it checks if the input is in view. If it isn’t, Safari forcibly scrolls the

问题 Say I have a web application that calls the following jQuery every time a user presses a key in a textarea with an ID of "txt": $('#txt').keydown(function(e) { console.log(e.which); // shows the keyCode console.log(e.shiftKey); } On a desktop browser, for characters like ( and 9 , I can distinguish between the two by checking to see if the shift key is held down (with e.shiftKey). However, in Safari for iPad, there is no shift key required to type those characters. So, for example, pressing

问题 When a user logs in to my app from an iPhone/iPad, Safari (helpfully) zooms in while the user is filling out the username/password fields. But when the form is submitted and we log them in, we don't reload the page (this is a single page application), so the zoom is never reset. So the app is always started at a zoomed in scale. I have looked at Jeremy Keith's solution, which successfully resets the zoom, but also prevents future scaling/zooming by the user, because he sets the maximum-scale

问题 In my website I have a file input tag to upload photo/video. When the website is opened in mobile safari, and when we click on the file input, an Action sheet opens up with 3 options take photo or Video , choose Existing and cancel . Is there anyway to determine in js that the file was taken from camera( take photo or video ), or imported( choose existing ) from camera roll ? 回答1: I've a php solution implemented from this, I'm not sure that that's going to help you, but here is the code: <

问题 MobileSafari as a rule has incorrect HTML button behavior (incorrect meaning: "not like an iOS native button"). Correct button behavior is as follows: User touches button: Button highlights User drags finger out of button: Button dims User drags finger back into button: Button highlights User drags finger out of button and releases: Button does not click MobileSafari buttons highlight when you touch them, stay highlighted no matter where you move, and click no matter where you release them

问题 I have a long HTML document that contains multiple paragraphs. When I try to select the text either in Mobile Safari on iOS or in a UIWebView, the following happens: At first, I get character-level precision on my selection. Then, as I select more, the precision drops to two lines of text and eventually to whole paragraphs. There is no way to end my text selection exactly where I want. When I set the CSS contentEditable property to true , I retain the character-level precision, but the

问题 (This is similar to the (also unanswered) question #3430506, but applies to input tags instead of HTML5 elements.) On <input type="submit"> buttons, the iPhone/mobile Safari browser adds padding to the left and right. This doesn't happen on the desktop version, nor any other mobile/desktop Webkit browsers I've tried. It appears to add the font-size in px to each side (i.e. 14px font means total width is 14px + width of text + 14px). Currently I'm trying the following to remove it: /* webkit

问题 Our mobile web application has sticky bottom navigation like the one you often find in iOS applications, and after Safari 10.3 release on landscape only it is possible to scroll sticky navigation (footer) off the screen. Even though it is position: fixed and set bottom: 0 it also wasn't possible on older Safari versions. Styles for sticky nav / footer are following: footer { position: fixed; height: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 0, 0, 0.7); } DEMO to try on phone

问题 I have a webpage with PWA capabilities. On iOS safari I do get the usual OS dialog asking me if I want to take a photo or upload a picture from the photo library: After "installing" it as an PWA via the menu "Add to Homescreen" button and starting it via homescreen, I still get the same options, "choose from library" still works, but when choosing "take a photo", the iOS camera app opens, as expected, but stays completely black. html: <head> <meta charset="utf-8"> <title>dingsda user