mobile-safari

问题 I've got a php script that's auto-generating an ics file for a mobile web app. Using Chrome on my Win7 desktop, the ics file downloads fine, and Outlook likes it. Using Safari on my iPhone, the ics file opens the calendar app as expected, and allows me to add to calendar. Using Chrome on my iPhone, I get "Download Failed. Chrome cannot download this file. Error 102 (): Unkown File Type." I'm sending these headers: header("Content-Type: text/Calendar; charset=utf-8"); header("Content

问题 I have an app written in HTML5/JavaScript for an in-dash car unit. It is a 'single-page' app with fragments loaded into divs on the main page in response to different events. I've been asked to port it to the browser so that it can be used for marketing, presentations, whatever. This didn't seem like a big deal since there was very little to adapt, just needed to adjust some CSS so that it could be displayed the same across all browsers. Then, they decided that the device they wanted to run

问题 As noted in these questions, there are cases where foto uploads on iOS have their geolocation and other EXIF metadata removed (in safari): https://apple.stackexchange.com/questions/326789/gps-exif-from-iphone-photo-upload-in-safari Image upload from iphone strips exif data As of now, I have not found a proper description of the circumstances when this happens. I have 2 devices for testing with the latest iOS installed where EXIF metadata is NOT stripped. Is there a way to determine, most

问题 I have been using the Web Inspector in Safari (Mac) to debug mobile web apps on my iPhone on iOS 6. After upgrading to iOS 7 my iPhone no longer appears in the 'Develop' menu of Safari on my Mac. I'm currently using an iPhone 4S, OS X 10.8.5, and the latest Safari. I have checked that 'Web Inspector' in enabled in Advanced Safari settings on the iPhone. I have also tried restarting the device, Safari, and reconnecting the cable. 回答1: You must install Safari 6.1 for having access to iOS7

问题 Flex-box 100vh stretches behind mobile safari chrome - are there any known tricks or solutions? - OR is it just too good to be true? I often want to have a 'modal' type cover div, or a full-screen image for simple one button UI screens. The more I use flex-box, the less I can count on some of my old techniques. The hack I normally reach for when it comes to 100% height, is to: html, body { height: 100%; } HTML and body don't have an explicit height... and can't really know what height they

问题 I'm attempting to fix some performance issues in our HTML5 game under iOS 8. I've got the Yosemite beta, and Safari 8.0 on a Mac. I seem to have lost the JS Profiling tool. According to the iOS developer center: To start profiling manually, click the record button in the top right of the Profiles pane, and select Start JavaScript Profile in the resulting menu. (from here) On Safari 8, I don't get a menu with that option, it just starts recording a timeline. Where has this moved to? 回答1: It

问题 iPad safari is supposed to be html5 compliant, but it seems that the required element doesn't work. Anyone know why, or have a decent workaround that doesn't require a ton of JavaScript? My code <input type=email class=input placeholder="Email" name="email" required> 回答1: It's not supported in iOS yet: when can I use: required. 回答2: This is a jQuery solution to the issue, it highlights the input fields that have failed in a pinky colour too. $('form').submit(function(){ var required = $('

问题 I'm developing a web site based on the Hyde theme for Jekyll. This layout uses a fixed navigation bar on the left with 100% width. This is working fine in most situations. In Safari on iOS, however, the height of the viewport changes while the user is scrolling as the browsers top navigation bar collapses. If this happens, the navigation bar's size is not updated until the scroll stops, leaving an area in the lower left corner that is not covered by the navigation bar: (Notice the text

问题 I am loading an image and then drawing that image to a canvas. I am also scaling the image down to fit the canvas. When I do this, the image draws onto the canvas at the proper width but the height is about 1/4 of what the canvas' actual height is. //Calculate height from canvas-to-image width ratio var width = canvas.width; var height = ( width / img.width ) * img.height; //Draw scale image (This results in a squished height, despite "height" being correct) context.drawImage( image, 0, 0,

问题 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