I am trying to debug my flutter web app and i can run from Android Studio a Chrome debug window to run my app in debug mode.
My web app is however complicated and i need to have multiple Chrome tabs / debug windows in order to test everything.
How can i do so please ?
Related
I would like to manually test my web app written in flutter which depends on an extension being installed in a browser.
Unfortunatelly when I try to debug it in android studio, it opens it in chrome, but the chrome does not allow me to install any extensions.
I couldnt find what executes the chrome, whether flutter or android studio, in any case i havent found way to edit chrome exec command in flutter or android studio.
I am not able to run the basic flutter application on google chrome as there is an option for google chrome, edge, and avd.
to add web support to an existing app
run flutter create . in the application terminal
to run it on chrome for example run flutter run -d chrome
If I press Ctrl+Enter, Shift+F9 or Shift+F10, or go to Run > Run 'main.dart' or Run > Debug 'main.dart', Android Studio tries to run or debug my app on my android device, if connected, or else reports 'No connected devices...'. Debug behaves as expected, stopping at breakpoints.
('No connected devices' is already strange, as flutter devices returns that both android and Chrome devices are connected and flutter doctor returns no issues. Flutter web is enabled.)
If I go to terminal in Android Studio, I can execute flutter run -d chrome, and the app runs in 'debug mode' on Chrome. This debug mode, however, does not stop at breakpoints or behave in any obviously different way to if the app were simply run.
How can I run flutter apps on Chrome and have Android Studio stop at breakpoints?
To ensure that Android Studio is able to see the Chrome to run the project as a web app, you can select the Chrome from the list of devices dropdown - highlighted in a rectangle in the picture. You can also run the app in debug mode by clicking on the shortcut button from the toolbar - highlighted in circle.
I'm currently running Flutter plugin version 71.2.3 and the breakpoints works as expected. Dart plugin is on version 213.7433
I'm trying to run my first flutter code on the web. I followed setup instructions provided in Building a web application with Flutter and created a very simple app, that's only supposed to display a navigation bar. Now as I'm running my application for the first time on "Chrome (web)" device, it won't connect to the browser. It's been almost 20 minutes and it's still telling me "Attempting to connect to browser instance".
> flutter run -d chrome
Launching lib\main.dart on Chrome in debug mode...
Building application for the web... 1215.1s
Attempting to connect to browser instance..
(This is taking an unexpectedly long time.)
Can anyone guide me on how to fix this?
In my case, I couldn't disable the virus guard. So I used the server mode.
flutter run -d web-server
Launching lib\main.dart on Web Server in debug mode...
Building application for the web... 8.8s
lib\main.dart is being served at http://localhost:57598/
Then go to the URL shown.
The same thing happened to me, I disabled the anti virus and it worked
It's mostly nothing to do with Flutter but, it's either because you have logged in your computer in safe mode. In my case the shift key was stuck and I had no idea I was in safe mode.
Or else You need to check your firewall, go to System Preferences > Security and Privacy > Firewall --click the lock below and enter your system password -- and then click firewall option -- In there add your editor to allow internet connection for android studio Or VS Code.
I experienced the something similar, chrome opens but never showed the web app (just white screen). In my case it had to do with the interaction of flutter and riverpod.
If you are using riverpod 1.0.0 and flutter 2.5.3 you need to update flutter to 2.8.0 or 2.8.1 (see this issue: https://github.com/rrousselGit/river_pod/issues/889)
Hey Im trying to Remote debug an Ionic Application, it was working recently, but now the device shows on Chrome Remote devices but when i click the device the app process wont show. it will show other mobile chrome tab Processes but not the Ionic app.
any clues ?
I fixed this, It was my fault, I built a release apk and was expecting a debug mode. When you build without the --release, It works