How to use bult-in spellchecker of Electron 8.x in Webviews - electron

Electron v8.x introduced built-in spellchecker. It get activated by setting spellcheck option in webPreferences in BrowserWindow API to true. I would like to know whether it is possible to use this in webviews in electron. If so, how to use it.

Related

Inject Javascript code into iframes in react native webview

I am using the react-native-webview package to display a Webview in my Expo React Native App.
The problem I encounter is that I want to inject Javascript code not only into the main frame of the displayed page but also into an iframe on the page.
I already found out that I can eject my project and write custom code to intercept all web requests on Android (and then inject my JS code by modifying the response) but I can't find a solution for iOS.
Does anyone have a solution for that specific problem? Is it possible to intercept web requests on iOS?

Xamarin.Forms WebView, WKWebViewConfiguration, and Sending "Mobile" Headers

I'm getting back into Xamarin.Forms, and I've discovered a new behavior of iOS 13 Safari on the iPad called "Desktop-Class Browsing." It's covered in detail here:
https://developer.apple.com/videos/play/wwdc2019/203
The problem for me is that I need my Web application to be able to detect if a normal Web browser is viewing it or if it's being viewed by a Xamarin.Forms.WebView. From my Web application, I used to be able to detect a Web view with the user-agent string or with the X-Requested-With header. But if my Web view is running on an iPad on iOS 13, it will enter desktop mode, which yields a desktop Safari user agent a no X-Requested-With header, and I can no longer detect that it is a Web view. This is referenced at 2:56 in the above video.
In a native iOS application, I can apparently use WKWebViewConfiguration to control these desktop-like featuers:
https://developer.apple.com/documentation/webkit/wkwebviewconfiguration
I think this is demonstrated at 9:01 in the video in my first link.
How can I use WKWebViewConfiguration with Xamarin.Forms? I see a WebKit.WKWebViewConfiguration class, but how can I utilize it with Xamarin.Forms.WebView?
Unless you follow the steps in this article, your app is using UIWebView instead of a WKWebView
There are several ways of getting access to editing the WKWebViewConfiguration:
You can use a "Custom Renderer" to implement your own WKWebView as shown in this Official Xamarin Forms example, and edit the WKWebViewConfiguration there.
Another possible way that I haven't tried- You can also implement a WKWebView inside your forms using the steps mentioned here. And then just edit that property.

Is there a function in ios webview like setCacheMode in android webview?

What feature should I use to allow iOS Webview's web content to be cached only for in the expired time in the server's meta data? I can't find keywords.
In Android Webview I solved it with setCacheMode (default).
Please WBWebKit instead of Webview.
it will give you access for cache setting using the following code:
webView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);

Is there any way we can hide url on Iphone browser using Url_launcher plugin

I'm using Url_launcher plugin to open some specific URL but I don't want to show URL to the user. In Android, the Adress bar doesn't show up but in IOS it does. Is there any way to hide it?
As the url_launcher documentation says:
By default, Android opens up a browser when handling URLs. You can
pass forceWebView: true parameter to tell the plugin to open a WebView
instead. On iOS, the default behavior is to open all web URLs within
the app. Everything else is redirected to the app handler.
So iOS opens urls inside a WebView already. But.. you must be sure to enable Flutter embedded views on your Info.plist. You need to add a boolean property with:
key = io.flutter.embedded_views_preview
value = YES
And that should do the job.
For more info you can take a look at this issue.
https://github.com/flutter/flutter/issues/19030

angular link selection doesn't work on IOS safari

I'm doing a responsive app using meteor and angular, and i have a share link functionality. On desktop it is an input field on read only and the user can copy the link. On mobile I want to do display an link with tag. But on iOS safari doesn't react correctly when I long touch the link. Usually there is a menu of option that are displayed, but here just nothing happen.
my simple code : {{url}}
Thanks in advance to anybody that has an idea about this issue.
Update: I just tried wiht <a ng-href="{{url}}">{{url}}</a> on Firefox android and it work perfectly. The issue is really an iOs case
You should use ng-href={{url}} instead.
My guess is that iOS reads first the {{url}} as it is, and when angular updates it to whatever value is stored in the url variable, it does not pick up the new value.
And because the string {{url}} is not valid url, it does not know how to work with that, so it does nothing.
(I am not iOS developer, but still, you should use ng-href for this)
For long touch/press especially for mobile: Check this angular directive link

Resources