Using brave browser to debug flutter web app

flutter dart flutter-web flutter-debug flutter-devtools

3,123

Solution 1

I found this:

All you have to do, based on your Linux operating system (for Windows and macOS the process is similar), is to modify your .bashrc file and insert this line:
#Put your Brave installation location here
export CHROME_EXECUTABLE="/opt/brave.com/brave/brave-browser"

For MacOs,

export CHROME_EXECUTABLE="/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"

Solution 2

You can use flutter run -d web-server to run your app like a server. This means that you can just enter the URL on any browser of your choice to access your Flutter app !

Drawbacks:

Hot Restart/Reload from the terminal is not possible. You must refresh the page on your browser instead.

Advantages:

You can use any browser for developing flutter apps.
You can even use ngrok to forward your port to a HTTPS URL, and access your flutter app from anywhere (your phone, your desktop , someone else's device etc.)

PS: Credits to the Issue #77229 for helping me find this solution. I am aware that this workaround has already been suggested on this thread. I just wanted to put out a simpler answer for the general viewer.

Solution 3

I've been diving in the same issue, it's known Brave it's Chromium-based, this will help u https://github.com/flutter/flutter/issues/77229

3,123

Author by

ASAD HAMEED

I'm computer engineering student and I have deep love for programming, and this took me through a lot of developer ventures ever since I began writing computer programs. Let me take you through the technologies I have used in three years as a programmer, 1. C++ 2. PHP 3. Web Designing(HTML/CSS) 4. WordPress 5. Arduino 6. Python 7. Java 8. JavaFx 9. Android Development 10. Selenium 11. Flutter That's all that I have been through in recent years, and now I want to help businesses by developing performant cross-platform apps. 🙂

Updated on December 01, 2022

Comments

ASAD HAMEED over 1 year
I just started-off with flutter web and I want to use brave browser to debug my flutter apps not chrome or edge.

When I use flutter devices command, it gives the following result.
```
No devices detected.

Run "flutter emulators" to list and start any available device emulators.
```
I'm using brave by using the link provided by web-server and it does not support hot reload.

So, how to configure browsers other than chrome or edge with flutter web for complete functionality.
ASAD HAMEED about 3 years

I tried using flutter run -d web-server but it didn't not support hot restart in my case, I had to refresh the browser to see my changes.
Mathieu about 2 years

You are right, for people that are still stuck on this, please note that /Applications/Brave\ Browser.app/Contents/MacOS/Brave\ Browser is not valid due to backslashes `\`, so do not forget to remove them.