I am writing a web server and testing with Safari. The server is written in Go. I have a page which allows the user to upload an image. The image displays properly in Safari. The image data is in a base64 string. This is on an input tag in the HTML. The save button submits this image along with other inputs. If the string length is over about 500K, when the request arrives at the server, the image string has been truncated which then produces an error EOF when attempting to decode the image. I have used the web inspector to see if I can find an issue there, but everything appears normal. If I select an image of less than around 500K, it is shown fine in the browser and the data string is fine when it arrives at the server. The image upload is accomplished by an input button of type "file" which onchange() executes this javascript code: function processFile(imageInput) { const reader = new FileReader() reader.addEventListener("load", () => { uploaded_image = reader.result; let displayImage = document.querySelector("#display_image"); displayImage.style.backgroundImage = `url(${uploaded_image})`; document.querySelector("#display_image_data").value = uploaded_image; document.querySelector("#display_image_size").innerHTML = uploaded_image.length.toString(); }); reader.readAsDataURL(imageInput.files[0]); } The display_image_data element is <input id = "display_image_data" name = "photoBytesString" hidden>

Hello, I need to understand if this is feasible. I need to open a local HTML file placed in the temporary folder of an iOS Swift app in Safari, from the app itself. At present time I know it is possible to open an Url in Safari, but I am asking about 1- using the file:/// scheme (like Android does) 2- providing directly the HTML text I have this specific need not to use the WKWebView because I want that the user can exploit features like saving credentials, caching and so on. I do not know if the WKWebView is able to provide this kind of features, and I do not want to have this kind of features directly in my app for security concerns. Also other workarounds or solutions are welcome. Thanks in advance

I'm trying to figure out why voice over seems to be interrupting an alert role on a webview. I'm on iOS 15.3 and starting an ASWebAuthenticationSession. If an error occurs during login such as, Username and Password are not recognized an error would appear on the html. <div id="authn-error" name="authn-error" role="alert"> $templateMessages.getMessage($authnMessageKey) </div> If all goes well VO reads out the error message but, sometimes it gets interrupted with the address bar. When the page is loading the voice over moves to the error then shifts focus back to address bar and reads out the "Address ten percent someWebSite.com secure and validated". Any help is appreciated.

Hello all! Is there a way to detect with JavaScript if the website runs inside the iPhone's Safari Browser or inside an application SafariServices? I found scripts but it detect WebView or not. What I want to is detect SafariServices. Any suggestion or solution would be great! Thanks..

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

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

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.

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 :)

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?

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?

How do i remove the bounce effect with html/css/js?

hello, so i have sample code for windows for c#: using CefSharp; using CefSharp.Handler; using CefSharp.WinForms; using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.IO; using System.Windows.Forms; namespace FlymerLite { public class frmFlymerLite : Form { private IContainer components = null; private ChromiumWebBrowser browser; public frmFlymerLite() { CefSharpSettings.set_WcfEnabled(true); CefSettings cefSetting = new CefSettings(); cefSetting.set_CachePath(Path.GetFullPath("cache")); Cef.Initialize(cefSetting); this.InitializeComponent(); } private void browser_LoadingStateChanged(object sender, LoadingStateChangedEventArgs e) { } protected override void Dispose(bool disposing) { if ((!disposing ? false : this.components != null)) { this.components.Dispose(); } base.Dispose(disposing); } private void frmFlymerLite_Load(object sender, EventArgs e) { frmFlymerLite.RedirectionRequestHandler handler = new frmFlymerLite.RedirectionRequestHandler(); handler.AddRedirection("http://www.flyordie.com/games/online/c/game5.html?664", "js\\online\\c\\game5[664].html"); handler.AddRedirection("http://www.flyordie.com/games/deploy/pool/180910/code.jz", "js\\deploy\\pool\\180910\\code.jz"); handler.AddRedirection("http://www.flyordie.com/games/deploy/snooker/180910/code.jz", "js\\deploy\\snooker\\180910\\code.jz"); this.browser.set_RequestHandler(handler); this.browser.Load("http://www.flyordie.com/games/online/games.html?game=8Ball"); } private void InitializeComponent() { this.browser = new ChromiumWebBrowser(); base.SuspendLayout(); this.browser.set_ActivateBrowserOnCreation(false); this.browser.Dock = DockStyle.Fill; this.browser.Location = new Point(0, 0); this.browser.Name = "browser"; this.browser.Size = new System.Drawing.Size(1140, 600); this.browser.TabIndex = 0; this.browser.add_LoadingStateChanged(new EventHandler<LoadingStateChangedEventArgs>(this.browser_LoadingStateChanged)); base.AutoScaleDimensions = new SizeF(6f, 13f); base.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font; base.ClientSize = new System.Drawing.Size(1140, 600); base.Controls.Add(this.browser); base.Name = "frmFlymerLite"; this.Text = "Flymer Lite"; base.Load += new EventHandler(this.frmFlymerLite_Load); base.ResumeLayout(false); } private class FilePathResourceRequestHandler : ResourceRequestHandler { private string filePath; public FilePathResourceRequestHandler(string filePath) { this.filePath = filePath; } protected override IResourceHandler GetResourceHandler(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, IRequest request) { return ResourceHandler.FromFilePath(this.filePath, null, false); } } public class MyCustomLifeSpanHandler : ILifeSpanHandler { public MyCustomLifeSpanHandler() { } public bool DoClose(IWebBrowser chromiumWebBrowser, IBrowser browser) { return true; } public void OnAfterCreated(IWebBrowser chromiumWebBrowser, IBrowser browser) { } public void OnBeforeClose(IWebBrowser chromiumWebBrowser, IBrowser browser) { } public bool OnBeforePopup(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, string targetUrl, string targetFrameName, WindowOpenDisposition targetDisposition, bool userGesture, IPopupFeatures popupFeatures, IWindowInfo windowInfo, IBrowserSettings browserSettings, ref bool noJavascriptAccess, out IWebBrowser newBrowser) { browser.get_MainFrame().LoadUrl(targetUrl); newBrowser = null; return true; } } public class RedirectionRequestHandler : RequestHandler { private Dictionary<string, string> redirections; public RedirectionRequestHandler() { this.redirections = new Dictionary<string, string>(); } public void AddRedirection(string url, string filePath) { this.redirections.Add(url, filePath); } public void ClearRedirections() { this.redirections.Clear(); } public bool ContainsUrl(string url) { return this.redirections.ContainsKey(url); } public string GetFilePath(string url) { return this.redirections[url]; } protected override IResourceRequestHandler GetResourceRequestHandler(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, IRequest request, bool isNavigation, bool isDownload, string requestInitiator, ref bool disableDefaultHandling) { IResourceRequestHandler filePathResourceRequestHandler; if (!this.redirections.ContainsKey(request.get_Url())) { filePathResourceRequestHandler = null; } else { filePathResourceRequestHandler = new frmFlymerLite.FilePathResourceRequestHandler(this.redirections[request.get_Url()]); } return filePathResourceRequestHandler; } public bool RemoveUrl(string url) { return this.redirections.Remove(url); } } } } my question is how would i make this for mac os via xcode or visual studio? keep getting errors im trying to simply make a web site load my editied modified file instead of there own file on the server?

So, the problem is that when i try to ship my app as a standalone pwa app, after clicking on an in put and closing the keyboard, double tapping anywhere on the screen causes the screen to move up exacly as much as the height of the keyboard and display what i assume to be the body of my html! there is a similar issue on stackoverflow: https://stackoverflow.com/questions/55120331/white-panel-arrives-on-double-tap-from-bottom-in-pwa-in-standalone-mode which has provided a good example actually: https://pwa-double-tap-bug-ng.firebaseapp.com How is one to solve such a vague issue is beyond me. Any Ideas?

I am currently trying to develop an Apple Watch optimized email. But none of the existing approaches like using headers Content-Type: text/watch-html; charset="utf-8" Content-Type: text/X-watch-html; charset="utf-8" doesn't work. I also used the tricks described in the article on Litmus https://www.litmus.com/blog/how-to-send-hidden-version-email-apple-watch/ but it also had no effect. Apple Watch displays the standard text/html version of the email. Perhaps someone has a working solution or an explanation for the reason for this behavior.