Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[web] Doesn't work on android 4.4 or 5.x default browser #58657

Open
sunslife opened this issue Jun 4, 2020 · 14 comments
Open

[web] Doesn't work on android 4.4 or 5.x default browser #58657

sunslife opened this issue Jun 4, 2020 · 14 comments
Labels
a: build Building flutter applications with the tool e: OS-version specific Affects only some versions of the relevant operating system engine flutter/engine repository. See also e: labels. found in release: 3.16 Found to occur in 3.16 found in release: 3.18 Found to occur in 3.18 framework flutter/packages/flutter repository. See also f: labels. has reproducible steps The issue has been confirmed reproducible and is ready to work on P3 Issues that are less important to the Flutter project platform-android Android applications specifically platform-web Web applications specifically team-engine Owned by Engine team triaged-engine Triaged by Engine team

Comments

@sunslife
Copy link

sunslife commented Jun 4, 2020

Steps to Reproduce

Sorry , there is no need to say very complicatedly.

  1. Use Android Studio to create a sample flutter app -- a Counter app.
  2. Compile it use the command: flutter build web,
  3. Config you Nginx using the local port 80, and test it with your chrome browser.
  4. Run an android (4.4 or 5.x) emulator, open the default browser and input 10.0.2.2. You will find a blank page before you after the browser's progress is closed.
  5. In fact, at present, I have tested several browsers, none works properly except a blank page.

Why I just test android 4.4 or 5.x, I want my web application to be run properly at least in android 4.4 or 5.x. If this demonstration app is not able to run in android 4.4 or 5.x, my other project will be discarded officially.

How can I do?
I really need help.
@sunslife sunslife changed the title A simplest flutter web sample app - Counter is not able to run in those default browsers of android(4.4, 5.x) emulators! A simplest flutter web sample app - Counter is not able to run even in those default browsers of android(4.4, 5.x) emulators! Jun 4, 2020
@slavap
Copy link

slavap commented Jun 4, 2020

@sunslife try: flutter build web —release

@sunslife
Copy link
Author

sunslife commented Jun 4, 2020 •
edited

@sunslife try: flutter build web —release

Thank you!
the Counter still be showed as a blank page after loading .
Would you like to give me more advices?
Thanks again!

@slavap
Copy link

slavap commented Jun 4, 2020

@sunslife :-) Sure, try Chrome on Android 4.4 - if works, try update Android webview through Play store.

@VladyslavBondarenko
Copy link

Tried with Android 4.4.2 (API 19) (emulator) in it's default browser.
https://gallery.flutter.dev/ doesn't work there as well as https://flkb.netlify.app/ - some simplest app built with master 1.19.0-4.0.pre.20.

@sunslife
Copy link
Author

sunslife commented Jun 4, 2020

Sorry, I run the Android R emulator by mistake.

@VladyslavBondarenko VladyslavBondarenko changed the title A simplest flutter web sample app - Counter is not able to run even in those default browsers of android(4.4, 5.x) emulators! [web] Doesn't work on android 4.4 default browser Jun 4, 2020
@sunslife
Copy link
Author

sunslife commented Jun 4, 2020

I just want to display my site in mobile browsers, and don't plan to show in Android webview app.

@sunslife
Copy link
Author

sunslife commented Jun 4, 2020 •
edited

I use the beta channel with Flutter Sdk version: 1.18.0-11.1.pre.
Really the compatibility of the flutter web is not good.

@VladyslavBondarenko VladyslavBondarenko added e: OS-version specific Affects only some versions of the relevant operating system P2 Important issues not at the top of the work list platform-android Android applications specifically platform-web Web applications specifically found in release: 1.19 Found to occur in 1.19 has reproducible steps The issue has been confirmed reproducible and is ready to work on labels Jun 4, 2020
@sunslife sunslife changed the title [web] Doesn't work on android 4.4 default browser [web] Doesn't work on android 4.4 or 5.x default browser Jun 4, 2020
@jmagman
Copy link
Member

jmagman commented Jun 4, 2020

\cc @yjbanov @jonahwilliams huh.

@jonahwilliams
Copy link
Member

Probably expected. I don't know what version of chrome android 4.4 or 5x supports but it is likely too old for either Dart or Flutter

@sunslife
Copy link
Author

sunslife commented Jun 5, 2020 •
edited

Probably expected. I don't know what version of chrome android 4.4 or 5x supports but it is likely too old for either Dart or Flutter

That's to say many Android devices are not able to run flutter web apps.
I've done more test, the default browser of android 6.0+ emulators are able to show the flutter web --Counter properly.
That's one side of compatibility we can learn from the default browsers of android emulators, I've tested some other browsers such as the Sougou browser, all of them are not able to run flutter apps properly in Android 4.4 and 5.x. These are other side of the compatibility. That's to say If Flutter Web App wants to be used widely, it seems to be impossible if so many customs just see a blank or defective page.

You said those browsers are "too old for either Dart or Flutter".
That's right to some degree, while it means we don't have chance to provide the same web service to our customs if we choose the Flutter Web Tech. It's really serious problem for all of us today.

@jmagman
Copy link
Member

jmagman commented Jun 5, 2020

Maybe by default needs a browser check and fallback that says the version of Chrome isn't supported, instead of a blank page.

@sunslife
Copy link
Author

sunslife commented Jun 5, 2020

I want to known the version of those default browsers, but I can not beacuse the browser will throw exception and quit when you click their menu.
You can try to click its menu, i think you will get the same result.

@yjbanov yjbanov added P3 Issues that are less important to the Flutter project and removed P2 Important issues not at the top of the work list labels Jun 16, 2020
@iapicca iapicca added framework flutter/packages/flutter repository. See also f: labels. a: build Building flutter applications with the tool labels Jul 6, 2020
@pedromassangocode
Copy link

pedromassangocode commented Jan 28, 2021 •
edited

Still reproducible on latest master channel. Webpage deployed at https://laughing-shockley-9c16a5.netlify.app/#/.

Screen Shot 2021-01-28 at 14 31 23

flutter doctor -v 
[✓] Flutter (Channel master, 1.26.0-13.0.pre.229, on macOS 11.1 20C69 darwin-x64, locale en)
    • Flutter version 1.26.0-13.0.pre.229 at /Users/pedromassango/Code/flutter_master
    • Framework revision 650b240634 (72 minutes ago), 2021-01-27 21:39:06 -0800
    • Engine revision 68cd4c42b5
    • Dart version 2.12.0 (build 2.12.0-267.0.dev)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/pedromassango/Library/Android/sdk
    • Platform android-30, build-tools 30.0.2
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
    • All Android licenses accepted.

[!] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.1, Build version 12A7403
    ! CocoaPods 1.9.3 out of date (1.10.0 is recommended).
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To upgrade see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)

[✓] IntelliJ IDEA Community Edition (version 2020.3.1)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin version 52.2.5
    • Dart plugin version 203.6912

[✓] VS Code (version 1.52.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.18.1

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-x64     • macOS 11.1 20C69 darwin-x64
    • Chrome (web)    • chrome • web-javascript • Google Chrome 88.0.4324.96

! Doctor found issues in 1 category.

@pedromassangocode pedromassangocode added found in release: 1.26 Found to occur in 1.26 engine flutter/engine repository. See also e: labels. and removed found in release: 1.19 Found to occur in 1.19 labels Jan 28, 2021
@flutter-triage-bot flutter-triage-bot bot added team-engine Owned by Engine team triaged-engine Triaged by Engine team labels Jul 8, 2023
@danagbemava-nc
Copy link
Member

Reproduces on the latest versions of flutter

flutter doctor -v 
[!] Flutter (Channel stable, 3.16.3, on Ubuntu 22.04.3 LTS 6.2.0-37-generic, locale en_US.UTF-8)
    • Flutter version 3.16.3 on channel stable at /home/daniel/fvm/versions/stable
    ! Warning: `dart` on your path resolves to /home/linuxbrew/.linuxbrew/Cellar/dart/3.2.2/libexec/bin/dart, which is not inside your current Flutter SDK checkout at /home/daniel/fvm/versions/stable. Consider adding /home/daniel/fvm/versions/stable/bin to the front of your path.
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision b0366e0a3f (6 days ago), 2023-12-05 19:46:39 -0800
    • Engine revision 54a7145303
    • Dart version 3.2.3
    • DevTools version 2.28.4
    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /home/daniel/Android/Sdk
    • Platform android-34, build-tools 34.0.0
    • Java binary at: /home/daniel/.local/share/JetBrains/Toolbox/apps/android-studio/jbr/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.7+0-17.0.7b1000.6-10550314)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at google-chrome

[✓] Linux toolchain - develop for Linux desktop
    • Ubuntu clang version 14.0.0-1ubuntu1.1
    • cmake version 3.22.1
    • ninja version 1.10.1
    • pkg-config version 0.29.2

[✓] Android Studio (version 2023.1)
    • Android Studio at /home/daniel/.local/share/JetBrains/Toolbox/apps/android-studio
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.7+0-17.0.7b1000.6-10550314)

[✓] VS Code (version 1.84.2)
    • VS Code at /usr/share/code
    • Flutter extension version 3.78.0

[✓] Connected device (3 available)
    • Android SDK built for x86 (mobile) • emulator-5554 • android-x86    • Android 5.0.2 (API 21) (emulator)
    • Linux (desktop)                    • linux         • linux-x64      • Ubuntu 22.04.3 LTS 6.2.0-37-generic
    • Chrome (web)                       • chrome        • web-javascript • Google Chrome 119.0.6045.199

[✓] Network resources
    • All expected network resources are available.

! Doctor found issues in 1 category.

[!] Flutter (Channel master, 3.18.0-7.0.pre.90, on Ubuntu 22.04.3 LTS 6.2.0-37-generic, locale en_US.UTF-8)
    • Flutter version 3.18.0-7.0.pre.90 on channel master at /home/daniel/fvm/versions/master
    ! Warning: `dart` on your path resolves to /home/linuxbrew/.linuxbrew/Cellar/dart/3.2.2/libexec/bin/dart, which is not inside your current Flutter SDK checkout at /home/daniel/fvm/versions/master. Consider adding /home/daniel/fvm/versions/master/bin to the front of your path.
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision e278279a48 (72 minutes ago), 2023-12-12 02:12:26 -0800
    • Engine revision f8e87ed193
    • Dart version 3.3.0 (build 3.3.0-219.0.dev)
    • DevTools version 2.30.0
    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.

[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at /home/daniel/Android/Sdk
    • Platform android-34, build-tools 34.0.0
    • Java binary at: /home/daniel/.local/share/JetBrains/Toolbox/apps/android-studio/jbr/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.7+0-17.0.7b1000.6-10550314)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at google-chrome

[✓] Linux toolchain - develop for Linux desktop
    • Ubuntu clang version 14.0.0-1ubuntu1.1
    • cmake version 3.22.1
    • ninja version 1.10.1
    • pkg-config version 0.29.2

[✓] Android Studio (version 2023.1)
    • Android Studio at /home/daniel/.local/share/JetBrains/Toolbox/apps/android-studio
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.7+0-17.0.7b1000.6-10550314)

[✓] VS Code (version 1.84.2)
    • VS Code at /usr/share/code
    • Flutter extension version 3.78.0

[✓] Connected device (3 available)
    • Android SDK built for x86 (mobile) • emulator-5554 • android-x86    • Android 5.0.2 (API 21) (emulator)
    • Linux (desktop)                    • linux         • linux-x64      • Ubuntu 22.04.3 LTS 6.2.0-37-generic
    • Chrome (web)                       • chrome        • web-javascript • Google Chrome 119.0.6045.199

[✓] Network resources
    • All expected network resources are available.

! Doctor found issues in 1 category.

@danagbemava-nc danagbemava-nc added found in release: 3.16 Found to occur in 3.16 found in release: 3.18 Found to occur in 3.18 and removed found in release: 1.26 Found to occur in 1.26 multiteam-retriage-candidate labels Dec 12, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
a: build Building flutter applications with the tool e: OS-version specific Affects only some versions of the relevant operating system engine flutter/engine repository. See also e: labels. found in release: 3.16 Found to occur in 3.16 found in release: 3.18 Found to occur in 3.18 framework flutter/packages/flutter repository. See also f: labels. has reproducible steps The issue has been confirmed reproducible and is ready to work on P3 Issues that are less important to the Flutter project platform-android Android applications specifically platform-web Web applications specifically team-engine Owned by Engine team triaged-engine Triaged by Engine team
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
9 participants
@yjbanov @jmagman @slavap @jonahwilliams @sunslife @VladyslavBondarenko @iapicca @pedromassangocode @danagbemava-nc