在移动设备上查看 Flutter 网页
View Flutter web on mobile
我正在构建一个 flutter web 应用程序，但我希望它在移动设备和桌面设备上表现不同。
要对其进行测试，是否可以在 phone 的浏览器或模拟器的浏览器中 运行 网络应用程序？
谢谢
不，您不能 运行 在本地移动浏览器中使用 Flutter Web 应用程序，如果您想使用移动格式测试您的应用程序，您可以从 Google Chrome 模拟它通过从开发者工具启用设备工具栏浏览器 Ctrl+Shift+M.
以上回答不正确。我在模拟器的移动浏览器中测试了我所有的 flutter web 开发。我使用 VS 代码。您的环境可能不同。
- 运行 Chrome (web) 的项目。这将启动本地服务器和 Chrome 浏览器。从浏览器复制 URL。在我的例子中，我让它总是 http://localhost:8686/#/
- 启动模拟器。
- 在模拟器上启动 Safari 或任何其他浏览器。在浏览器中粘贴 URL。
您甚至可以从真实的 phone 访问该项目，前提是它与您的开发计算机位于同一本地网络上。只需将 localhost 替换为您开发机器的 IP 地址即可。
是的，可以在生产环境中在 Web 浏览器中测试您的代码。
为此，运行 在已打开项目的终端中输入以下代码
flutter run -d web-server --web-port 8080 --web-hostname 0.0.0.0
然后，前往您的移动phone浏览器并输入
HTTP://<your IP address>:8080
我正在构建一个 flutter web 应用程序，但我希望它在移动设备和桌面设备上表现不同。 要对其进行测试，是否可以在 phone 的浏览器或模拟器的浏览器中 运行 网络应用程序？ 谢谢
不，您不能 运行 在本地移动浏览器中使用 Flutter Web 应用程序，如果您想使用移动格式测试您的应用程序，您可以从 Google Chrome 模拟它通过从开发者工具启用设备工具栏浏览器 Ctrl+Shift+M.
以上回答不正确。我在模拟器的移动浏览器中测试了我所有的 flutter web 开发。我使用 VS 代码。您的环境可能不同。
- 运行 Chrome (web) 的项目。这将启动本地服务器和 Chrome 浏览器。从浏览器复制 URL。在我的例子中，我让它总是 http://localhost:8686/#/
- 启动模拟器。
- 在模拟器上启动 Safari 或任何其他浏览器。在浏览器中粘贴 URL。
您甚至可以从真实的 phone 访问该项目，前提是它与您的开发计算机位于同一本地网络上。只需将 localhost 替换为您开发机器的 IP 地址即可。
是的，可以在生产环境中在 Web 浏览器中测试您的代码。 为此，运行 在已打开项目的终端中输入以下代码
flutter run -d web-server --web-port 8080 --web-hostname 0.0.0.0
然后，前往您的移动phone浏览器并输入
HTTP://<your IP address>:8080