如何使用检查器在 Safari 上调试 Flutter Web 应用程序？

Question

我正在使用 flutter 编写一个简单的应用程序，在 Android、iOS 和 Chrome 上一切正常。 （我也在 Firefox 和 Brave 浏览器上测试过，一切都很好）。

但是，在 Safari（Mac 和 iOS）上，flutter 应用程序卡在 index.html 文件上并且不会加载 PWA。

Safari Inspect 控制台出现错误

如何知道js_helper中的匿名函数是什么，或者main.dart.js:57063指的是什么？

1. 有没有什么方法可以在不缩小的情况下构建网络？
2. 有人遇到过除 Safari 之外的所有平台上一切正常的情况吗？

颤动医生

在本地服务器上运行时从控制台登录

Answer 1

尚不支持 Safari 调试

但是对于遇到同样问题的任何人，您可以通过在发布模式下运行应用程序来解决它

flutter run -d chrome --release

之后在 Safari 上使用相同的端口打开，一切都应该没问题

Answer 2

您将无法直接在 Safari 上调试它，但如果您只想使用 localHost 在 Safari 中测试您的应用程序，您可以使用以下步骤：

1. 从 Safari 设置中启用 Safari 中的“开发者”菜单：

2. 然后选中“禁用跨源限制”

3. 现在在 Chrome 中运行 Web 应用程序的发布版本后，在 Safari 中使用相同应用程序的地址，您将能够测试它。例如：http://localhost:51155/

以发布模式运行：

flutter run -d chrome --release