mobile-safari

Google Maps v3 InfoBox Event Propagation in Mobile Safari

由 ♀尐吖头ヾ 提交于 2019-12-08 20:49:38
I have created an infobox using google maps api v3 and infoBox from the maps utility library . The infobox has overflow-y data. Scrolling works exactly as expected on IE, FF, Chrome and Safari desktop. Scrolling does not work at all, however, in mobile Safari. It's almost as if the infoBox doesn't detect a touch to start scrolling. I've created this jsfiddle to demonstrate the problem. As you can see (in the iOS simulator or on an iOS device), the mouseenter, touchstart, mouseleave and touchend events are being triggered just fine; it's just that there is no way to scroll down to see the

Autoplay audio with iOS 5 Mobile Safari, any workarounds left?

由 前提是你 提交于 2019-12-08 19:25:31
We all know Apple doesn't allow autoplay on html5 audio tags with Mobile Safari. The workaround for iOS 4 was to use an iframe with an mp3 src. Apple seems to have patched this on iOS 5. <html> <body> iframe mp3 autoplay test <iframe src='iframe.mp3' width='0px' height='0px' scrolling='no'></iframe> </body> </html> This works on iOS 4.3.1, but not on 5.0.1. Any workarounds left, or has Apple finally patched all the autoplay loopholes? Brian says Reinstate Monica The answer might be inside of this post here, of nothing else seems to work for you. Play sound file in iOS and Android Actually

iOS UiWebView / Page Visibility Api: “pageshow” event not firing

由 泪湿孤枕 提交于 2019-12-08 19:21:16
问题 I am trying to use the Page Visibility Api to detect when web content is being shown in iOS. I have simple JS: window.addEventListener("pageshow", function(){ alert("page shown"); }, false); The alert fires as expected in mobile safari when the tab is made active, or when safari is minimized and then re-shown. However if I host the web content in a UiWebView, the event is not firing. Has anyone else encountered this issue? If so any work around for this? Thanks... 回答1: The UIWebView dose not

text-align is not working on safari <select>

由 假装没事ソ 提交于 2019-12-08 14:36:17
问题 I have tried aligning the text in the <select> element to the right or the center in safari. But nothing worked. text-align:center; worked in all browsers except safari. direction:rtl; and dir="rtl" did not do anything. the list is always align to the left in Safari. -webkit-appearance: none; does not help either. Please I need a solution. 回答1: For Safari text-align: -webkit-center; However, the best way to analyze the working of HTML/CSS is the Web-Inspector in Safari. More >> 回答2: If you

Apple's recommendation on browser sniffing

由 醉酒当歌 提交于 2019-12-08 14:24:13
问题 Does Apple have any recommendation for using any technique for browser sniffing (e.g. to distinguish between desktop IE/ FF / Mobile Safari (i.e. iPad)) / Other tablets I know Apple wants us to avoid using User-agent for the same. Is the media technique foolproof way to differentiate between iPad and say Xoom? <link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css"> 回答1: Rather than trying to detect device/user-agent, you want to focus

How to tell Filepicker to upload file from a native input type=“file”?

由 ↘锁芯ラ 提交于 2019-12-08 12:37:37
问题 TASK: PhoneGap application uploading photos to filepicker. I managed to use Filepicker within the app. I managed to use other uploader with native input: http://blueimp.github.io/jQuery-File-Upload/ What didn't manage though is to upload to Filepicker using native (for iOS6) input type="file" <!DOCTYPE html> <html> <head> <title>Filepicker PhoneGap iOS6</title> </head> <script type="text/javascript" src="cordova-2.2.0.js"></script> <script type="text/javascript" src="jquery.min.js"></script>

Mobile browsers window height & page scaling

由 筅森魡賤 提交于 2019-12-08 12:26:49
问题 For wide pages with scaling where is starge behavior for mobile browsers: $(window).height() (and document.documentElement.clientHeight) returns wrong heignt. Result is less when actually. The difference is about 10% Simple test page: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <body> <div style="width: 1200px"> <div class="test-block" style="background-color: red"> test block </div>

css, ios, iPad, -webkit-overflow-scrolling: touch bug, large content gets cut off

由 ﹥＞﹥吖頭↗ 提交于 2019-12-08 08:39:12
问题 I have a table with thousands of rows (2317 to be precise) with data coming from the database. I am putting this table inside a div so it is scrollable. html: <div class="longList"> <!-- table with thousands of rows --> </div> css: .longList {overflow: auto; height: 550px; margin: 0 auto; -webkit-overflow-scrolling: touch;} The problem is, the list is cutting off on mobile safari on the iPad (on desktop browsers it works fine) at row number 1900 (half of that row is shown) and the rest of the

Howto force DashCode webapp to use Safari Mobile layout on iPhone but Safari layout on iPad

由 [亡魂溺海] 提交于 2019-12-08 07:56:14
问题 A project in DashCode can be configure to support both Safari and Safari Mobile . I like this dual support, but on the iPad, I found that the Safari layout was much more suitable than the Safari Mobile layout. How can I fix the project so that on the iPad the Safari layout will be used? 回答1: Analyzing the code, I discovered that it is possible to force the Safari layout by using the following parameter ?p=desktop. That will make it. 来源： https://stackoverflow.com/questions/4072238/howto-force

webpage not loading only in ios9 safari browser

由 泄露秘密 提交于 2019-12-08 05:47:21
问题 I am facing one problem for rendering some of my webpages in iOS 9 safari browser. these pages are not rendering at all in this browser but the same pages are working fine for desktop and other devices browser including IOS 8 and below. what are the difference between iOS 8 safari and iOS 9 safari? what coud be the solution for this issue? how to debug this issue? do anybody faced this problem already? here we are using ractiveJs frontend templating (legacy version for IE support) and related
订阅 mobile-safari