mobile-safari

问题 When using the method of event delegation, we set the event handler on a higher level element (parent or grandparent), but this has an issue on iPad's Safari: if the parent element has a click handler, when the user touches anything inside this element, the whole region will gray out (on iOS 5.1), or flicker (on iOS 6). So, if the parent or grandparent is 300 x 300 pixel, and the link is just a word, say 60 x 20 pixel, then when the user touches any where inside the parent (except the link),

问题 I'm having trouble with a simple CSS-Layout. It works on desktop browsers but not on iPhone's Mobile Safari. Using style="float:right" seems to conflict with automatic font size adjustments made by Mobile Safari. The following code works fine on the desktop but on the iPhone "Left" and "Following text" are much larger than "Right": Left<span style="float:right">Right</span> <p>Following text</p> It seems like Mobile Safari's auto-resizing isn't touching the floated word, only the others. As

问题 Im creating an RSS reader app...but I have noticed that UIWebView renders the RSS feed very differently than Safari does. This is the RSS feed... http://www.sigmapi2.org/index.php?option=com_ninjarsssyndicator&feed_id=2&format=raw This is what I want my UIWebView to look like...this is a screenshot from iOS' Mobile Safari NSURL *url = [NSURL URLWithString:@"http://www.sigmapi2.org/index.php?option=com_ninjarsssyndicator&feed_id=1&format=raw"]; NSURLRequest *request = [NSURLRequest

问题 We've been using YouTube's iframe embedding for videos. All is fine; execpt on iPhone. On the iPhone the video placeholder image gets stretched about twice as high as it should be. Playing the video results in the message 'You need to update your Adobe Flash Player...' - which surely can't be right? This was working fine about a week ago. I'm currently testing on an iPhone 4 with 4.3.1 - but have also tested on an iPad 4.2.1. My example clip I'm testing with is here: http://wexion.net/posts

问题 I am trying to add a button when pressed will play a video, and when the video ends an image is displayed. The problem is that the 2nd time i press the button, the video ends, and nothing happens as if the event listener does not get called. var video = document.getElementById("video"); function playVideo() { video.style.display="block"; //video.load() [adding this the 2nd time wont play] video.play(); video.addEventListener('ended', videoEnd, false); } function videoEnd() { video.style

问题 I trying to use html5 geolocation on Iphone, but it always returns a error. var win = function(position) { alert('Everything is fine! ' + position) }; var fail = function(e) { alert('Can\'t retrieve position.\nError: ' + e) }; navigator.geolocation.getCurrentPosition(win, fail); I testing on IOS Simulator and my device, but doesnt work. On Safari i just can get my position using a wireless internet connection (??). There's a way to make this work? 回答1: Make sure that your Location Services on

问题 Please consider we have simple SVG file, containing code for rounded rectangle which corner radius equals 10: <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"> <rect fill="#FACE8D" x="0" y="0" width="100" height="100" rx="10" ry="10" /> </svg> Here how it looks like in Chrome: Now we use this image as a value for border-image property in CSS: .box { @include border-image(url('rounded-rectangle.svg') 10); border-width: 10px; background: #FFF; width: 50px; height: 50px; } Now

问题 We are developing an HTML5 + CSS3 application for iPad and iPhone. The app is working fine on iPad & all iPhones, however, iPad 2 shows html dom objects pixellated on startup, and stays like that, sometimes always, sometimes for a few moments. App is designed for touch and gestures. We used translate3D for hardware acceleration on scrolling objects. We are also using jQuery (v1.7), but the scroller we designed is pure javascript, no frameworks there. jQuery is mostly used in finding/adding

问题 Last year webkit removed the 350ms delay for iOS. When I run my website in Safari's mobile browser, the delay no longer exists, and works as expected. However, when I run my web application in standalone mode, the delay exists, and is blatantly obvious. Here's my metatag that I'm using: <meta name="viewport" content="initial-scale=1.0, user-scalable=no, maximum-scale=1, width=device-width"> I've tried variations of the sort, without luck. It's hard to find anything about standalone

问题 I know with below code will capture a image from ios 6+ safari mobile browser <input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput"> Is there any other way of capturing a image from safari mobile browser using html5/JS? Is there any alternative for WebRTC MediaStream API in iOS safari mobile browser? 回答1: Safari does not support WebRTC yet. http://iswebrtcreadyyet.com/ To start with WebRTC on iOS, you may explore this demo https://github.com/ISBX/apprtc-ios.