View Flutter web on mobile

Question

I am building a flutter web app, but I want it to behave differently on mobile and desktop. To test it, is it possible to run the web app on a phone's browser or in the browser of an emulator? Thanks

Answer 1

Yes, testing your code in a web browser while in production is possible. Here are steps to do that:

• Connect your devices (your laptop and phone) to the same internet
• Run the following code in the terminal of the opened project

t

flutter run -d web-server --web-port 8080 --web-hostname 0.0.0.0

Then, head to your mobile phone browser and type

HTTP://<your PC IP address>:8080

Answer 2

1. You need to start your flutter web-app on a specific port

   flutter run -d web-server --web-port 5011

2. Connect your device and verify if the device is connected properly

   adb devices

3. adb port-forwarding

   adb reverse tcp:5011 tcp:5011

4. Open Mobile Browser with http://localhost:5011/

after that, you can able to access that port on a mobile browser.