如何使用检查器在 Safari 上调试 Flutter Web App？

Posted 2023-02-23

【中文标题】如何使用检查器在 Safari 上调试 Flutter Web App？

【英文标题】：How can I debug a Flutter Web App on Safari using the inspector?

【发布时间】：2021-01-28 18:37:42

【问题描述】：

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

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

来自 Safari Inspect 控制台的错误

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

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

颤振医生

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

【问题讨论】：

有issue

【参考方案1】：

还不支持 safari 的调试

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

flutter run -d chrome --release

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

【参考方案2】：

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

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

然后勾选“禁用跨域限制”

现在在 chrome 中运行发布版本的 web 应用程序后，在 Safari 中使用相同的应用程序地址，您将能够对其进行测试。前任。 http://localhost:51155/

在发布模式下运行：flutter run -d chrome --release

希望这会有所帮助！