Flutter web - Not displaying in Internet Explore or Safari

747 views
Skip to first unread message

Johan Scheepers

unread,
Jul 8, 2021, 4:29:48 AM7/8/21
to Flutter Development (flutter-dev)
Hi,

I have created a very simple web site in flutter (https://signal-owl.co.za/), a page with two lines of text.

If I open the web site in Chrome it displays correctly, but in  Internet Explore or Safari it's a blank page.

Do anyone have pointers for me to look at to see what the problem is?

Thank you

Yasin İLHAN

unread,
Jul 8, 2021, 4:33:31 AM7/8/21
to Johan Scheepers, Flutter Development (flutter-dev)
It looks okay Safari for me just loading too long. 


Johan Scheepers <scheepe...@gmail.com>, 8 Tem 2021 Per, 11:29 tarihinde şunu yazdı:
--
You received this message because you are subscribed to the Google Groups "Flutter Development (flutter-dev)" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/dc705673-4f68-4240-9b80-095ebf4610edn%40googlegroups.com.

Johan Scheepers

unread,
Jul 8, 2021, 4:40:08 AM7/8/21
to Flutter Development (flutter-dev)
Hi,

Thank you for testing for me.

I have tried Safari on two phones now, the one works the other not.

I have tried Internet Explore on two laptops, both a blank screen.

In Chrome it loads on both laptops.

Are there some setting in flutter?

Yasin İLHAN

unread,
Jul 8, 2021, 4:53:34 AM7/8/21
to Johan Scheepers, Flutter Development (flutter-dev)
Ok got it. Have you added below line your index.html ?

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 


Johan Scheepers <scheepe...@gmail.com>, 8 Tem 2021 Per, 11:40 tarihinde şunu yazdı:

Johan Scheepers

unread,
Jul 8, 2021, 4:59:12 AM7/8/21
to Flutter Development (flutter-dev)
No I have not.

How and were do you add it?

Johan Scheepers

unread,
Jul 8, 2021, 5:29:12 AM7/8/21
to Flutter Development (flutter-dev)
This line is in the <head>

<meta content="IE=Edge" http-equiv="X-UA-Compatible">

Kevin Chadwick

unread,
Jul 9, 2021, 6:43:04 AM7/9/21
to Flutter Development (flutter-dev)
On 7/8/21 8:40 AM, Johan Scheepers wrote:
> Hi,
>
> Thank you for testing for me.
>
> I have tried Safari on two phones now, the one works the other not.
>
> I have tried Internet Explore on two laptops, both a blank screen.
>
> In Chrome it loads on both laptops.
>
> Are there some setting in flutter?

I expect you might find browser compatibility (such as Firefox/IE) to be better
if built in html rather than wasm mode. It is in html mode via the default auto
mode on mobile though, so that does not explain your safari IOS issue. I don't
even own or want an upto date Apple device, so I can't help there.

I have seen issues mentioning safari holding back wasm features, so that might
have made sense on FISC systems (PCs) and I expect that IE, isn't developed any
more. IE' replacement, Edge is now powered by chromiums engine, so you should
not have issues there.

Johan Scheepers

unread,
Jul 11, 2021, 4:12:59 AM7/11/21
to Flutter Development (flutter-dev)
Hi,

Thank you I have " flutter run -d chrome --web-renderer html --profile" run this, but it still not backward compatible with older versions of Safari (iOS 12.5.4).

I have also tried " flutter build web --web-renderer canvaskit --release" but it s also not compatible.
Reply all
Reply to author
Forward
0 new messages