We are currently facing a problem with our homepage (https://www.medienwerft.de/), which only occurs when the device is using a backup from an old device. In this case the website has problems with loading headlines, sliders and other elements. Has anyone encountered problems like this before and knows how to solve them? I will attach some screenshots, that depict the mentioned problems and the device information. Thank you in advance. Video not loading headlines on images not loading slider not loading scroll elements content not loading device information

Using WKWebView in iOS, I encountered a problem with controlling audio output level from <audio> element in HTML page.I tried the 'volume' property of the <audio> and also the Web Audio API 'GainNode'. Neither approach worked. The player's output stays/reported as 1.0.Curiously, within the same scope of code I can change player's other properties such as playback rate; this does work. But calls to 'volume' or 'GainNode' are flatly ignored. Two observations make me believe that this is a bug.The first one: if I use instead of WKWebView the old deprecated UIWebView, everything works fine; even Web Audio API AudioContext, Splitter, Merger, etc.The second observation: in the version of the app for macOS the very same HTML page and <audio> element behave as expected.Any suggestions for 'workaround' would be much appreciated,Igor Borodin

PlatformsTested on macOS High Sierra v10.13.3Safari v11.0.3DescriptionThis problem doesn't occur neither on Chrome nor Firefox. It doesn't occur on Safari over HTTP neither.It affects only POST requests (GET and OPTIONS works fine) on Safari over HTTPS.[Error] Origin [origin] is not allowed by Access-Control-Allow-Origin.[Error] Failed to load resource: Origin [origin] is not allowed by Access-Control-Allow-Origin.[Error] XMLHttpRequest cannot load [apiURL] due to access control checks.The preflight OPTIONS request is following:Request HeadersName: Value Referer: [referer] Access-Control-Request-Headers: content-type Origin: [referer] User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/604.5.6 (KHTML, like Gecko) Version/11.0.3 Safari/604.5.6 Accept: */ Access-Control-Request-Method: POSTResponse HeadersName: Value Age: 0 Server: nginx/1.6.0 Date: Tue, 06 Feb 2018 09:56:50 GMT Content-Length: 0 Connection: keep-alive Access-Control-Allow-Origin: * Access-Control-Allow-Headers: Content-Type, X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Date, X-Api-Version, X-File-Name Access-Control-Request-Method: GET,POST,OPTIONS Accept-Ranges: bytes X-Varnish: 2033664925 Via: 1.1 varnish X-Cache: MISSThe POST request seems not to be sent at all: https://imgur.com/a/t78PjAs written before - it works good on Safari over HTTP and it also works on another browsers both over HTTP and HTTPS.The only problem is with Safari over HTTPS with POST request.GET requests works fine too..😕Does Safari have any special restrictions or something? What could be a problem?

I'm trying to make an app that when the user enter an URL the app extract data from the Web Page as a summary, and it's not a specific Web Page as I don't know what the user may enter! I'm not asking for a code but I just want to know the steps that I should follow to do so, just some general info, I don't really know what the process is called so I don't know how to google it. I tried: Using SwiftSoup: Scrape and parse HTML from a URL but it only gives me HTML as an output

I would like to know if there are some well-known web technologies on Mac OSX applications or iOS apps that allow an application to show and demonstrate a real HTML rendering WYSWYG for different iOS devices, dimensions, resolution, dpi, retina, viewport meta tags and so on. It is like the iOS simulator, but I see that on that special piece of software the WKWebView is not reliable as it comes to these features, and it is a development tool. It is important that dpi, retina, viewport and so on are considered to create such an application that is WYSWYG, also if in a scaled form, or exploting the Safari browser. I think that web developers already face this issue, so I think that the related technologies have been already developed and are available. But I am no expert so where could I search for them? I mean, some platform or example application, or similar tools. The goal is creating an application that can show the result of HTML rendering inside windows (similar to the iOS simulator) that can be proportioned to real devices and allow choosing the device form factor and screen, also in scaled form, but depicting the exact HTMl rendering that will happen on the real iOS devices, but possibly also Android devices. Thanks in advance

In iOS 12 and 13, when selecting the html <input type="file" multiple> the browser/webview displays three options to upload files: take a photo, select from the photo gallery or browse the file system. It's possible to select multiple files using the photo gallery, but if I want to upload other types of files using the browse the file system option, multiple file selection is not possible and I can only select one.

Target is view html subtitles in vtt format in TV when AirPlay is running from: <video preload="metadata" x-webkit-airplay="allow" src="a.mp4"> <track kind="subtitles" default="" src="en.vtt" srclang="en"> <track kind="subtitles" src="de.vtt" srclang="de"> <track kind="subtitles" src="es.vtt" srclang="es"> <track kind="subtitles" src="fr.vtt" srclang="fr"> </video> The problem is when AirPlay is enabled video and audio plays on TV, but no subtitles showed. I tryied to include vtt/srt subtitles into the mp4 metadata with ffmpeg and subtitles working with VLC but not working when AirPlay this files. ffmpeg -i 8499.mp4 -i 8499.en.vtt -map 0:v -map 0:a -c copy -map 1 -c:s:0 mov_text -metadata:s:s:0 language=en 8499.en.mp4 ffmpeg -i 8499.mp4 -i 8499.en.srt -map 0:v -map 0:a -c copy -map 1 -c:s:0 srt -metadata:s:s:0 language=en 8499.en.mp4 Also tried to send a .m3u8 with no luck. Any of you know how is the basic format for a simple .m3u8 with a .mp4 and .vtt working when AirPlay? Wich is the standard subtitles solution for AirPlay?

Hi, I've searched the internet regarding this problem, but mine seems to be much special. I'm trying to parse a HTML document using queryselector as follow: let doc = HTMLDocument(string: str)       let elements = doc.querySelectorAll("script")       elements.forEach { ddElement in         if(ddElement.elementId == "js-competition"){           scr = ddElement.textContent and on elements.forEach line I receive the following error: Precondition failed: NSArray element failed to match the Swift Array Element type Expected HTMLElement but found HTMLElement The fact that the expected type is the same with the found one, it's very weird. Everything was working fine, until I renamed the project's name, and some updates for conversion to swift 5 were triggered. The build is for iOS 15.2. Did you face issues like this before? Because for me it looks like a xCode bug. Thank you!

In iOS 15.0, the UI when displaying HTML and HTML in Safari has changed significantly. With this change, when using HTML in Safari, the list will be displayed at a position far away from the inputbox. I'm developing a web page using HTML and I need to solve this problem. Please tell me how to solve it.

Hi,I am currently working on a web application which is heaviliy rellying on offline storage (AppCache, IndexedDB, WebSQL). We would like to branch out and fully support IOS platform or in other words, Safari (mobile version). We are targeting iPad devices.I know that from IOS version 9 and 10 offline storage should be fully supported on Safari mobile, but I was wondering and could not find relyable source of information regarding limitations of offline storage.Does someone know (or can at least point me to the site/documentation/forum) what are the limitations of offline storage on iPads and Safari browser regarding size of the storage? I found some forum mentioning a hard limit of 50MB of data per application which won't do for the app that I am working on. It would mean a lot if to know which are the limitations before we start developing as there is no point in development if storage limits are not big enough. We are storing large amounts of data (i.e hundreds of MB).

My website shows a video using video tag which worked perfectly until not long ago. The video is working but when pressing on full screen, the video is playing but the screen is black while the sound is still playing. The issue occurs only on iPhones with iOS 15 (using Safari and Chrome also). Things I've tried: I've tried playing the video directly with a URL to the actual file(to check its not codec issue) and it worked properly. My video tag has 'position: absolute;' on it and I tried removing it(even though it breaks my layout) and that didn't work either. Tried pausing the video immediately and playing it after the video loads. Tried applying a background: white; or any non-transparent color to the video tag. Tried removing auto play. Tried to disable 'GPU process: Media' on safari settings just to check if that affects anything and it didnt. This is the html: <video data-test-id="long-video" #longVideo muted controls playsinline [class.d-none]="!isShortVideoHidden" *ngIf="isPageLoaded" src="https://cdn1.someurl.com/videos/commercial_1.mp4" type="video/mp4"> </video> and the css(with the parent): @media only screen and(min-width:992px) { .fixed-video { position: fixed; z-index: 10000; margin: auto; width: 100vw; height: 100vh; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); transition: 0.4s; video { width: 80%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } } Please tell me if you have struggled with this and know how to solve it. Thank you :)

Hello! I trying to inserting and playing a live stream inside video tag. In chrome it works perfectly, video start playing as soon as possible, but in safari I can see when live stream is available and poster was removed(autoplay was successful triggered), but until I switch between browser tabs, I see only black screen where the video should be. Also I can see my livestream if I switch between applications windows e.g. I switch to slack then back to the safari and video will playing. During the study of the problem, I managed to find out that is not problem about webrtc (because on server I can see that live stream bytes was delivered to client), and it's not problem of html5 video tag, because autoplay (muted, of course) always triggered as expected. But this may be due to internal safari tricks with web pages, because only one thing happens when I switch between tabs/apps -- it's document.visibilityState. How can I fix this behavior? I want to see how my stream works equally well in all browsers and now the problem I described is observed exclusively in safari

my web is a vue router page and there has animation between page switch。 the web encountered trouble when swiping back with gestures live demo : https://xpt-test.cgbchina.com.cn/h5-mobilebank-web/h5/demo/test/catchBack use safari open the demo link click secound button use slide back gesture on secound page u can see animation after slide back can web capture or organize the events when user use gesture slide back?

I have this js code: document.addEventListener('AppleIDSignInOnSuccess', (data) = {     //handle successful response     console.log(data["detail"].authorization.id_token)     response = parseJwt(data["detail"].authorization.id_token)     email = response["email"]     console.log(email)     loginWithEmail(email) //    console.log("APPLE SIGN IN SUCCESSFFUL"); }); //Listen for AppleId authorization failures document.addEventListener('AppleIDSignInOnFailure', (error) = {     //handle error.     alert(JSON.stringify(error))     console.log("APPLE SIGN IN UNSUCCESSFFUL"); }); And it just stopped working. Now every time I sign in I get "APPLE SIGN IN UNSUCCESSFFUL" and the error is {"isTrusted":false}. What are ways around this?

Currently in iOS Safari and Chrome, when you share a link via the share button, the link that gets copied is the canonical URL. The site that I am working on has a different website listed as the canonical URL (it's a requirement that can't be changed). Is it possible to force iOS Safari and Chrome so copy my website's original URL, instead of the canonical URL? My canonical urls are included in my site via the following tag: <link rel="canonical" href="www.example.com">

Issue My web application built using nuxt and installed as web app on iphone becomes unresponsive after I open or visit an external link from the app. Issue specifically comes iOS 13.4 and above on real devices. Simulators works fine. Devices iPhone X and XI (all versions) with iOS 13.4 and above Steps to reproduce Open nuxt-min-pwa.netlify.app safari. Tap on share icon and then add to home screen. Open app from home screen. Tap on menu icon. Tap on second. Tap on link named ICE. App will open an external url. Tap on Back to App button to return to the app. Tap on second now. 10. App does not responds. A thin loading bar seems to be in progress, everytime second is tapped. But nothing else happens. Web app is working fine in iphone8 (tested with ios13.3.1 and ios 13.6.1) and Xcode simulators.

how to disable pinch zoom effect on safari browser ?

This HTML and javascript content Make my WKWebView crash in ios15 What is wrong with this part? Attach my crash log Please help..... Swipy  2021-11-23, 3-27 PM.crash 2021-11-24 09:48:26.705150+0800 Swipy[510:18443] -[__NSDictionaryM length]: unrecognized selector sent to instance 0x281eb9560 2021-11-24 09:48:26.715730+0800 Swipy[510:18443] *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSDictionaryM length]: unrecognized selector sent to instance 0x281eb9560' *** First throw call stack: (0x181be904c 0x19a25df54 0x181cc6014 0x181b7e474 0x181b7d5b0 0x18dc24718 0x19061d2a4 0x1907ec908 0x1907ec470 0x19074e16c 0x19075b464 0x190ae205c 0x1903278e0 0x190329060 0x18dc1e074 0x18dc1f1e4 0x181c0b020 0x181c1bce0 0x181b55fe8 0x181b5b7f4 0x181b6f3b8 0x19d4ff38c 0x18450f6a8 0x18428e7f4 0x100d60108 0x101481a24) libc++abi: terminating with uncaught exception of type NSException dyld4 config: DYLD_LIBRARY_PATH=/usr/lib/system/introspection DYLD_INSERT_LIBRARIES=/Developer/usr/lib/libBacktraceRecording.dylib:/Developer/usr/lib/libMainThreadChecker.dylib:/Developer/Library/PrivateFrameworks/DTDDISupport.framework/libViewDebuggerSupport.dylib *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSDictionaryM length]: unrecognized selector sent to instance 0x281eb9560' terminating with uncaught exception of type NSException

Below IOS 15 It is normal to use WKWebView redirect But after the update IOS15 It may be that the browser blocked it and caused the crash Is there a solution for this Attach my crash log Please help..... 2021-11-24 09:48:26.705150+0800 Swipy[510:18443] -[__NSDictionaryM length]: unrecognized selector sent to instance 0x281eb9560 2021-11-24 09:48:26.715730+0800 Swipy[510:18443] *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSDictionaryM length]: unrecognized selector sent to instance 0x281eb9560' *** First throw call stack: (0x181be904c 0x19a25df54 0x181cc6014 0x181b7e474 0x181b7d5b0 0x18dc24718 0x19061d2a4 0x1907ec908 0x1907ec470 0x19074e16c 0x19075b464 0x190ae205c 0x1903278e0 0x190329060 0x18dc1e074 0x18dc1f1e4 0x181c0b020 0x181c1bce0 0x181b55fe8 0x181b5b7f4 0x181b6f3b8 0x19d4ff38c 0x18450f6a8 0x18428e7f4 0x100d60108 0x101481a24) libc++abi: terminating with uncaught exception of type NSException dyld4 config: DYLD_LIBRARY_PATH=/usr/lib/system/introspection DYLD_INSERT_LIBRARIES=/Developer/usr/lib/libBacktraceRecording.dylib:/Developer/usr/lib/libMainThreadChecker.dylib:/Developer/Library/PrivateFrameworks/DTDDISupport.framework/libViewDebuggerSupport.dylib *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSDictionaryM length]: unrecognized selector sent to instance 0x281eb9560' terminating with uncaught exception of type NSException Swipy 2021-11-23, 3-27 PM.crash

Hey everyone, sorry for my English. I have a website that give me one time code until iOS 15 its work with the auto-fill now its not work any more just in iOS 14.8 and below I give to my input a attribute autocomplete="one-time-code" there is something I need to change to make this work with iOS 15?