No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to detect edge browser for android? quasar pwa issues

    Framework
    4
    8
    410
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      Mandinga last edited by

      Hi everyone, i have a problem.
      i try to build a pwa in quasar, work fine, but in MS edge for android i have a problem width audio tag (play once). I try to detect this browser, but not work with q-platform detection. ¿any ideas?
      (Sorry for my english)
      Thanks

      1 Reply Last reply Reply Quote 0
      • M
        Mandinga last edited by

        I can not detect samsung internet browser either. jaja.
        I think it’s important to be able to warn users if the PWA is not working well, right?

        patryckx 1 Reply Last reply Reply Quote 0
        • patryckx
          patryckx @Mandinga last edited by

          @Mandinga Why do not you use $ q.platform?
          There is a Platform.is.android

          https://quasar.dev/options/platform-detection

          1 Reply Last reply Reply Quote 0
          • rstoenescu
            rstoenescu Admin last edited by

            Open up a Quasar app in Edge on your desired platform and console.log this.$q.platform Object.

            Example from a Win 10 with Edge when console.logging this.$q.platform.is:

            {
              edge: true,
              version: 18.17763,
              versionNumber: 18,
              win: true,
              desktop: true,
              name: 'edge',
              platform: 'win'
            }
            
            1 Reply Last reply Reply Quote 0
            • M
              Mandinga last edited by

              Thanks to everyone for your replies.
              Dear patryckx: that is just the problem, since they behave different chrome and samsung internet when it comes to show the add to home screen, I need to differentiate them.
              With Edge it happens the same, it is disguised as chrome in android version.
              I will continue looking for solutions and I will publish them here.
              Thank you!

              1 Reply Last reply Reply Quote 1
              • M
                Mandinga last edited by

                Dear Admin, as you well say, Edge is detected perfectly in windows, but in android, the detection points out:

                name: ‘Chrome’,
                platform: ‘Android’

                Regards!

                1 Reply Last reply Reply Quote 0
                • lucasfernog
                  lucasfernog last edited by

                  I can confirm this bug. I’ll open an issue on GH

                  1 Reply Last reply Reply Quote 1
                  • M
                    Mandinga last edited by

                    Hello! first I want to thank lucasfernog for bothering to solve this problem. Your solution to incorporate userAgent was great.
                    I allow myself to give some details for those who need it:

                    I guess we all want our PWA installed on users’ smartphones, and we know that 90% of the market is covered by Safari (ios) and Chrome (Android).
                    With “beforeinstallprompt” we solve the banners of “Add to the home screen” (Android) and for safari with “Platform.is.safari”.
                    The wonderful quasar also covers virtually all major browsers. But, in my opinion, there were two that were disguised as chrome, but they did not behave like this when it came to installing our PWA.

                    One was Edge that, although it is not my preference, has more than 10,000,000 downloads only on Android.
                    The other one is “Samsung Internet”, which has the same problem as Edge: It is detected as chrome, but it does not behave the same, so it is necessary to detect it and display a banner with the installation instructions.

                    “Samsung Internet” is the default browser on “samsung galaxy” phones (which are not few) and now they have released this browser for all phones, which translates into more than 1,000,000,000 downloads in playstore. A more than important number.
                    The solution of lucasfernog when using “userAgent” also solved the detection of “Samsung Internet” and, consequently, of many other browsers.
                    Thanks again Lucas, and this is a giant step for the PWAs made with Quasar.

                    Regards!

                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post