mobile-safari | 易学教程

How to display a 1-inch line on mobile?

阅读更多关于 How to display a 1-inch line on mobile?

I'm desigining a mobile website for a hamburger parlor. They have varying width of hamburgers, from 3 inches to 3 feet in diameter (no kidding). Of course, people don't expect a "normal size" hamburger to be 10 inches large (which is!), and they expect the here-usual 3-5 inches. So what I'd like to do is to display one or two inches on the screen (Android and iOS), and a meter under the picture of the hamburger. I don't want to build a mobile app if possible, just a "mobile edition" of a webpage. Any ideas? 来源： https://stackoverflow.com/questions/12273358/how-to-display-a-1-inch-line-on-mobile

touchend handler fires twice

阅读更多关于 touchend handler fires twice

问题 On a webapp on iOS, I have a bunch of buttons that respond only to touchend (as a shortcut to the click delay in mobile safari). When I stick an alert in the handler, then a subsequent tap of any other button on the page fires this original handler even though they have their own handlers. Here's some sample code that illustrates the problem: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" /> <meta name=

Is it possible to programmatically change the default search engine for the Iphone?

阅读更多关于 Is it possible to programmatically change the default search engine for the Iphone?

We want to build a webpage that requests permissions from an iphone user to change their default search provider. Is this possible with through mobile safari? The Window object in Mobile Safari on iOS has what appear to be three undocumented functions that make interaction with the default search engine possible: window.canSetSearchEngine() window.getSearchEngine() window.setSearchEngine(string) The Yahoo mobile search site uses these functions to throw a (very annoying) dialog box asking "Would you like to change your default search engine to Yahoo? y/n". I haven't yet been able to make the

Mobile safari crashing while capturing photo using input type = file

阅读更多关于 Mobile safari crashing while capturing photo using input type = file

问题 I am using input type file for launching the camera in iOS . The following line of code I am using : <input type="file" name="select a Picture"/> When I press the button it shows two option i.e. 1) Take a Picture 2. Choose from the gallery If I select option Choose from the gallery then it launches the native gallery when I select the picture from the gallery then I can see it in the preview , so choose from gallery is working fine . But the problem is with taking picture using camera . When

Hiding Address Bar in Mobile Safari With Reader Button Visible

阅读更多关于 Hiding Address Bar in Mobile Safari With Reader Button Visible

问题 Ok, so I'm using the suggested window-scrollTo method and it's working just swimmingly everywhere except for one little sticking point. When Safari decides to show the "Reader" button figuring I might want to save my page for later reading, it keeps the address bar up for a full 5 seconds before finally hiding it like I asked. Kind of an eternity in UX time. Is this an iOS 6 thing or did it also do this in iOS 5? (I don't have a 5 device to test it on at the moment.) Also, is there any way to

IOS8 Safari website links do not work after scrolling

阅读更多关于 IOS8 Safari website links do not work after scrolling

I have an Angular website with a Bootstrap theme built primarily for iPhone users and since the IOS8 update I have found problems relating to scrolling. The site behaves fine until I scroll, once I have scrolled the links behave erratically eg if I press Button 2, the link from Button 1 will open. Also some CSS3 styles are not working eg :nth-child(even) I have searched for days trying to find a link between this behaviour and a scrolling bug but I can't find a fix anywhere. Unfortunately I cannot post the website link but it consists of a fixed Header and Footer, and a div set to overflow:

iOS Safari Sticky input at bottom unwanted white space

阅读更多关于 iOS Safari Sticky input at bottom unwanted white space

问题 So I have an input at the bottom of my page, positioned like so: position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; When I open the keyboard on iOS Safai, there is unwanted whitespace below the input. You can scroll up from it but it shouldn't be there. The highlighting is from Safari Dev console, I've highlighted HTML, so the extra whitespace is not being caused by my HTML/CSS I think... This does not happen on Android. Any Help? 回答1: iOS safari does not respect position: fixed

Open files from Safari with “Open in” in my app

阅读更多关于 Open files from Safari with “Open in” in my app

I need to be able to open any file from Safari in my app via the "Open in" feature. My app will appear in the "Open in"-list when I try to open any file in mail-app or another custom app, but my app won't appear in Safari. Why? What I did: I specified following stuff in my plist: Added a new row named: "Document types" Opened node "Item 0" Specified value "All files" for "Document Type Name" Opened node "Document Content Type UTIs" Added two rows For "Item 0" I specified "public.data" For "item 1" I specified "public.content" Then: I open mail app See email with doc-attachment Open in -> Yes,

Issue with iOS 7 Mobile Safari Scroll Events on Keyboard Up and Down

阅读更多关于 Issue with iOS 7 Mobile Safari Scroll Events on Keyboard Up and Down

问题 I am testing some scroll events and noticed that there is a scroll event fired in iOS 7 Mobile Safari on keyboard up, but not on keyboard dismiss/down. I was wondering if anyone has any knowledge to why this is? I personally think that this is a bug (and am trying to report it but can't login to bug tracker at the moment), and that they should pick to throw scroll events on both keyboard up and down, or choose to not throw them at all since it seems that the view returns to its previous state

SVG filters fuzzy in Safari under some circumstances

阅读更多关于 SVG filters fuzzy in Safari under some circumstances

I have an page with an interactive SVG which looks fine on all browsers (Firefox, Chrome, even IE/Edge) except Safari where everything affected by one of the SVG filters turns into a fuzzy mush (looks like something rendered onto a low-resolution canvas which got scaled up using bilinear interpolation). Here now a small test case where the problem also appears: <svg> <defs> <filter id="filter" y="-100" x="-100" height="300" width="300"> <feGaussianBlur in="SourceAlpha" stdDeviation="3.5"></feGaussianBlur> <feColorMatrix type="matrix" values="0 0 0 2 0 0 0 0 2 0 0 0 0 0 0 0 0 0 1 0" result=