Android Maui Web View - blank page

Question

After implementing a WebView with one line of code everything is working fine:

<WebView HorizontalOptions="FillAndExpand"
         VerticalOptions="FillAndExpand"
         BackgroundColor="Red"
         x:Name="wbview"
         Source="www.google.de"/>

If I change the Source to https://my.source.com:1234/ it's not getting displayed on Android, but on iOS, the website is displayed correctly. What am I missing? Is it some design failures in my styles.xaml?

Change Url to my Url => working on ios not android

Did you try to change the https to http? Or you can try to add the `android:usesCleartextTraffic="true"` in the ``application`` tag of the AndroidManifest.xml. — Liyun Zhang - MSFT, Jul 10 '23 at 04:09
I posted an answer and hope it will help the people which meet the same problem. — Liyun Zhang - MSFT, Jul 12 '23 at 08:14

score 0 · Accepted Answer · answered Jul 05 '23 at 20:14

0

Is this what you are looking for?

wbview.Source = $"https://my.source.com:1234/";

From the docs: The Source property can be set to an UrlWebViewSource object or a HtmlWebViewSource object, which both derive from WebViewSource. A UrlWebViewSource is used for loading a web page specified with a URL, while a HtmlWebViewSource object is used for loading a local HTML file, or local HTML.

Also, note that the WebView height may have zero height. Add a container to auto grow the Webview to your screen.

<Grid>
   <WebView HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
                     BackgroundColor="Red" x:Name="wbview" Source="www.google.de"/>

</Grid>

Source: Microsoft Learn

answered Jul 05 '23 at 20:14

Isidoros Moulas

520
3
10

still blank and not working – Pascal Jul 06 '23 at 05:38
Please send the code behind and page xaml – Isidoros Moulas Jul 06 '23 at 07:13
So i found out what the Problem was, i dont know why but i have to set UsesCleartextTraffic=true in the MainApplication.cs – Pascal Jul 10 '23 at 09:09
This is a common behaviour if your ssl is not correct. – Isidoros Moulas Jul 10 '23 at 11:01
But why is it working on every other browser or OS ? I should be right configured – Pascal Jul 11 '23 at 06:13
Well i had the same issue. It seems is related with android os. Just set UsesCleartextTraffic=true. In production environment you dont need to remove the setting, as your productions server will have a proper ssl installed. – Isidoros Moulas Jul 12 '23 at 07:16

score 0 · Answer 2 · answered Jul 12 '23 at 08:13

Starting with Android 9 (API level 28), cleartext support is disabled by default.

So cleartext traffic will be automatically blocked by the system when user access the domains which needs to communicate with over HTTPS.

For more information, you can refer to this case about Android 8: Cleartext HTTP traffic not permitted and this one about android webview displaying blank page specific url only

Android Maui Web View - blank page

2 Answers2