在移动设备上查看 Flutter 网页

Question

我正在构建一个 flutter web 应用程序，但我希望它在移动设备和桌面设备上的行为有所不同。为了测试它，是否可以在手机浏览器或模拟器的浏览器中运行网络应用程序？谢谢

Answer 1

是的，可以在生产过程中在网络浏览器中测试您的代码。以下是执行此操作的步骤：

• 将您的设备（笔记本电脑和手机）连接到同一互联网
• 在打开的项目的终端中运行以下代码

t

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

然后，前往手机浏览器并输入

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

Answer 2

1. 您需要在特定端口上启动 flutter web 应用程序

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

2. 连接您的设备并验证设备是否正确连接

   adb devices

3. adb 端口转发

   adb reverse tcp:5011 tcp:5011

4. 打开移动浏览器http://localhost:5011/

之后，您就可以在移动浏览器上访问该端口。

Answer 3

不，您无法在移动浏览器中本地运行 Flutter Web 应用程序，如果您想使用移动格式测试您的应用程序，您可以通过从开发人员工具启用设备工具栏来从 Google Chrome 浏览器模拟它Ctrl+Shift+M。