Safari iOS扩展的控制台日志在哪里？

Question

我正在使用HTML、CSS和JavaScript在XCode IDE中构建Safari iOS (v15)扩展程序。但是，控制台日志在哪里？

当扩展程序UI在iOS设备模拟器上运行时，如果没有看到控制台日志，则很难找到根本原因。

- Veeresh Devireddy

Answer 1

如果您想查看console.log("some message")的日志，它们确实在Safari的“开发”->“显示Web检查器”菜单中。如果您没有看到“开发”，则必须在“偏好设置”->“高级”中启用它。

为了查看扩展程序JavaScript的console.log输出，有两件事情需要注意。

• 在content.js中的console.log消息将记录到通常看到日志输出的控制台。

• 但是，如果您想查看background.js脚本的日志输出，则需要执行以下操作：

  “开发”->“Web扩展后台页面”，这将弹出另一个连接到background.js的控制台。

更详细的解释请参见我的答案：https://dev59.com/31wJtIcB2Jgan1znxI_5#70597271。

- Byron

Answer 2

您可以使用 macOS 上的 Safari 调试在模拟器中运行的扩展。

1. 在 Safari 中启用开发者菜单。（Safari - 首选项 - 高级选项卡 - "在菜单栏中显示“开发”菜单"）
2. 在 Safari - 开发菜单中，您将能够查看在您的模拟器上正在运行的内容，并选择在 Web Inspector 中进行调试。

- Claes

---

它不起作用。我可以打开Web检查器，但在控制台选项卡中找不到任何console.log()输出。 - smilingpoplar