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

【问题标题】：Where are the Console Logs of Safari iOS Extension located?Safari iOS 扩展的控制台日志在哪里？
【发布时间】：2021-11-28 04:37:46
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

如果您尝试查看 console.log("some message") 的日志，它们确实在 Safari 的 Develop -> Show Web Inspector 菜单中。如果您没有看到Develop，则必须在 Preferences -> Advanced 中启用它。

为了查看您的扩展程序的 javascript 的 console.log 输出，有两点需要注意。

content.js 中的console.log 消息将记录到您通常会看到日志输出的控制台。
但是，如果您想查看 background.js 脚本的日志输出，您需要这样做：

Develop -> Web Extension Background Pages，这将弹出另一个连接到您的 background.js 的控制台。

如需更详尽的解释，请参阅我的回答：https://stackoverflow.com/a/70597271/348121

【讨论】：