mobile-safari

Why does the browser load audio files several times even after preload?

淺唱寂寞╮ 提交于 2019-12-24 18:52:50
问题 i am monitoring the network on Safari mobile for a Web App we are developing and see this: the files get preloaded before (I guess this is why it says "(disk)" in the first of the 3 lines), and this is the network output in safari's web inspector in the network tab. Now I am wondering, why the browser seems to load it first from disk then two times(?) from the url again. Am I reading the output wrong? preloading happens like this (on user interaction): function preloadAudio(url) { console.log

stopEventPropagation not working on mobile safari or chrome dev tools emulation

大憨熊 提交于 2019-12-24 16:26:28
问题 Use case; click on marker opens infowindow, click on map closes it. stopEventPropagation is used to prevent that marker click propagates to the map (click on map would close the infowindow), this works fine in chrome, but in mobile safari (iphone 5) or chrome itself emulating the same phone, the event isn't stopped (thus the infobox not shown, or inmediatelly closed). function stopEventPropagation(e) { var evt = e ? e : window.event; evt.cancelBubble = true; if (evt.stop) evt.stop(); if (evt

HTML5 Video Element on iPad doesn't fire onclick?

╄→尐↘猪︶ㄣ 提交于 2019-12-24 16:00:02
问题 I am using the video element in my HTML as following: <div id="container" style="background:black; overflow:hidden;width:320px;height:240px"> <video style="background:black;display:block" id="vdo" height="240px" width="320px" src="http://mydomain/vid.mp4"></video></div> And in javascript I am doing this: var video=document.getElementById('vdo'); var container=document.getElementById('container'); video.addEventListener('click', function(e) { e.preventDefault(); console.log("clicked"); },

Does the hash navigation on iPhone works properly?

筅森魡賤 提交于 2019-12-24 13:05:19
问题 Does the hash navigation on iPhone works properly? There is a page http://example.com/somepage, on this page there is an element which has <a href='#someIdOnPage'> . When user clicks on this element, the page scrolls down to the element having this id in the DOM and the URL in the browser is updated to http://example.com/somepage#someIdOnPage. This is working fine on android browsers, but it breaks on apple safari. When I click on this element it doesn't scroll down to the id element. But

Is it possible to run Safari in the background on the iPhone and monitor a user's location?

岁酱吖の 提交于 2019-12-24 10:39:50
问题 Is it possible to run Safari in the background on the iPhone? Specifically, our client would like to monitor a user's location via HTML5 GPS capabilities and measure the speed of movement. The reason for avoiding native implementation in iOS is because the client wishes to create a cross-platform service using HTML5. Is this possible? 回答1: I don't believe Safari continues to execute when it's backgrounded. (This is supported by a recent thread on the Apple discussion board.) That said, it

is there a limit of video elements in an html page on ios10 safari

会有一股神秘感。 提交于 2019-12-24 09:48:05
问题 I have a html page which is use to display gifs. I want to optimize it by converting those gifs to video. I make them muted , set 'displayinline' and 'autoplay'. I tested it on an iphone with ios 10 safari; But it is strange that when the number of videos is large than 16(maybe) , some of them (at a random position) will become an empty square. I set every video with the same 'src' value , not thing changed. So, I wonder is there a limit of videos in a html page in ios safari? <html> <body>

is there a limit of video elements in an html page on ios10 safari

感情迁移 提交于 2019-12-24 09:44:28
问题 I have a html page which is use to display gifs. I want to optimize it by converting those gifs to video. I make them muted , set 'displayinline' and 'autoplay'. I tested it on an iphone with ios 10 safari; But it is strange that when the number of videos is large than 16(maybe) , some of them (at a random position) will become an empty square. I set every video with the same 'src' value , not thing changed. So, I wonder is there a limit of videos in a html page in ios safari? <html> <body>

Websockets on ipad, is there something extra that needs to be done?

爱⌒轻易说出口 提交于 2019-12-24 09:43:02
问题 Im attempting to use websockets for a project. It needs to use the ipad, though i cant seem to make it work. I have downloaded a copy of this code that uses phpwebsocket http://www.flynsarmy.com/2012/02/php-websocket-chat-application-2-0/ . Followed setting up the server. I got it working across computers, different browsers, no problem. Then i wanted to test it on my ipad (ios 5.1) and it wouldnt work. So i made sure that websockets worked on ipad, which i found they did [link]http:/

Mobile Safari click event 'detail' property is always 1

谁说我不能喝 提交于 2019-12-24 08:59:54
问题 UIEvent.detail property should contain the current click count. MDN web docs tells that the property is fully supported on all modern browsers, and it works correctly on all browsers I tested, except mobile Safari. I tried my Angular app and MDN sample on IOS 12.3.1, and the detail property is always 1, no matter how many clicks were done. Is it mobile Safari problem? Any workaround (without counting the clicks manually)? 来源: https://stackoverflow.com/questions/56441621/mobile-safari-click

Cache images offscreen in Mobile Safari

两盒软妹~` 提交于 2019-12-24 08:47:32
问题 I have an javascript image gallery that slides in images from offscreen in Mobile Safari. It seems like the offscreen images are not getting cached because every time they slide in it takes a few seconds to load them at which point they are already halfway to their destination. I'm trying to get all the images to load during the initial page load. It seems Mobile Safari ignores or "garbage collects" offscreen images. Is there a way through CSS3 (some -webkit prefix property) or any way so