Flutter web doesnt work on mobile browsers - flutter

My project works perfectly in browsers when I open it on the computer, but on mobile devices it just starts loading, and then crashes showing the following screen: Mobile browser error
"Aw Snap, something wrong while displaying this webpage"
The link that I uploaded the project is this: invite.upbank.digital
My Flutter is on channel stable, 2.0.3, and I already executed the commands for cache repair and clean.
I tried to open it in Safari, Chrome, Edge and Firefox and in all of them the error remains.
Can anybody help me?

Related

Flutter Web --web-renderer canvaskit stuck in Splashscreen

I have been using Flutter Web --web-renderer canvaskit for a project for a long time and it has always worked fine. But today after I update a small change of code, it suddenly broke. It still works fine in debug mode, but when I upload to firebase hosting, in the live server, the screen stuck in splashscreen.
I tried both chrome and Safari on Mac the same issue. If I switches to --web-renderer html, the problem goes away. I have been using flutter_native_splash and I noticed it changed my index.html. However, I have been using it for a while and there was never a problem with Flutterweb. I did not update any package. Does anyone know anything about related issues? I am using Flutter 3.3.10 and Flutter doctor has no problem. As the code runs well, I don't know how to debug the live server. Thanks for any help!
use --web-renderer html insted of --web-renderer canvaskit

net:: ERR_SPDY_PROTOCOL_ERROR - Flutter webview app on android 6.0 Marshmallow

I created a flutter webview application and successfully tested on many emulator android api versions & a physical device running on Android 11. Lastly when I'm testing on my older android 6.0 device , I got an error message as mentioned below.
The webpage https://testsite.com could not be loaded because
net:: ERR_SPDY_PROTOCOL_ERROR
If this error occurred to anybody / if anyone have solution for this, please help.
I found an article on internet said that this "ERR_SPDY_PROTOCOL_ERROR" can occur due to outdated web browser. So I tried to update the chrome browser on my phone. But it didn't solve my problem.
Finally I made it worked by updating the Android System WebView on google playstore. I think the error earlier happened is because of the very old Android System WebView.

How can I debug a Flutter Web App on Safari using the inspector?

I am using flutter to write a simple app, everything works fine on Android, iOS, and Chrome. (I've also tested on Firefox & Brave Browser, all's well).
However, on Safari (Mac & iOS), the flutter app gets stuck on the index.html file and does not load the PWA.
The error from the console on Safari Inspect
How can I know what the anonymous function in js_helper is, or what main.dart.js:57063 refers to?
Is there any way of building for web without minifying?
Has anybody encountered a scenario where everything works on all platforms except Safari?
Flutter Doctor
Log from console when running on local server
debug for safari is not supported yet
but for anyone with the same problem you could solve it by running the app on release mode
flutter run -d chrome --release
after that open with the same port on safari and everything should be fine
You won't be able to debug it directly on Safari, but if you just want to test your app in safari with localHost, you can use these steps :
Enable 'developer' menu in Safari from settings of Safari :
Then check on 'Disable Cross-Origin restrictions"
Now after running release version of web app in chrome, use same app's address in Safari, you will be able to test it. Ex. http://localhost:51155/
to run in release mode : flutter run -d chrome --release
Hope this helps!

Can't navigate to url in Google Chrome Android Emulator, just says Data;,

I am using eclipse, Appium 1.6.4 and Android Studion with Android 7.0 also tried with 6.0.
I run my automated test and it executes, it connects to the device, it opens the chrome browser but then doesnt navigate to the google url using the driver.get(...) method it just says data;, . I dont get any errors until it eventually times out and tries running it again.
Any help would be appreciated as ive tried a few things and got nothing.
Thank you.

Appium and android stock browser

I have Samsung device with stock browser that called Internet.
The device is over 4.4 version.
I'm trying to remote debug the stock browser on a real device without success.
Already succeeded to remote debug chrome.
Is it possible on a real device and not on emulator?
The problem is just Samsung's stock browser
Hi!, Appium started to work with Android's stock browser (named.. Browser) since v1.3, the actual problem is the Samsung stock browser isn't Browser, it's Internet! These both apps are different (shame on Samsung!, not Appium guys fault). All other Android distributions that stock browser is Browser are working fine with Appium >= v1.3 as I've said before.
Emulator stock browser is Browser, that's why it's working for you on Emulator!
Why Appium doesn't work with Samsung's stock browser?
Appium are built to work with Chromium WebView (present on Chrome and Browser) , and Internet does not have it. So it doesn't work with Appium now, and probably won't work never, as Appium's maintainers does not have any interest to do the automation outside Chromium WebView. See this issue for more information: https://github.com/appium/appium/issues/4509
Ok, but how do I use Appium with Samsung devices?
So, the only solution is installing Chrome into your samsung device.
If you can't access the store to install the Chrome app, you can download and install manually the Chrome APK into your device (or other browser that uses Chromium webview, such as Chromium and ContentShell).
PS: ContentShell is basically only Chromium webview, without favorites, bookmarks and other common browser stuff, so it's pretty good for Appium testing.