Storyboard DevTools

让你访问使用 Storyboard 的应用程序的端到端故事（日志）。 为什么使用 Storyboard？（http://guigrpa.github.io/storyboard/） * 分层故事：将日志放入上下文（故事）中，并将其分组成更高层级的故事；对于并发用户操作和异步事件，它们可能非常有用。 * 端到端故事：在一个地方查看由用户操作（例如点击登录按钮）触发的所有客户端和服务器任务。 * Storyboard DevTools Chrome 扩展程序：通过简洁且细节丰富的界面查看客户端和服务器日志，包括远程监控（适用于移动设备和非 Chrome 浏览器）及相对时间戳等高级功能。 * Storyboard CLI：用它包装任何应用程序（无需修改），即可通过 Storyboard DevTools 远程监控该应用。 * 通过 WebSockets 将服务器日志实时推送到 Storyboard DevTools 扩展程序，并可选择启用客户端与服务器时钟同步。此外，还可以远程控制服务器各部分提供的详细程度，无需重新启动。 * 安全的服务器日志：远程访问需主动启用，并且可以进行身份验证。 * 为日志附加任何内容，以便进一步调查。 * 插件架构。可用插件包括 Console、WebSocket Server & Client、File、（PostgreSQL）Database 和 Browser Extension，你也可以自行编写插件！ * 轻量：插件现在（v3）单独提供，因此只需引入实际使用的依赖项。 * 丰富的筛选选项：为日志设置来源和严重程度属性，并使用白名单和黑名单进行细粒度筛选。 * 丰富的颜色：使用颜色传达含义和重要程度。Storyboard 扩展了广受欢迎的 chalk 库，使其也能在浏览器中使用。 * 享受简单而强大的 API。 你会在 Chrome 开发者工具中找到一个新的“Storyboad”面板。将浏览器指向你的常规服务器或 Storyboard 的独立日志服务器，并在需要时登录。 值得关注的 DevTools 功能： * 无需重启服务器即可修改其筛选配置。 * 按时间顺序（“flat”）或层级（“tree”）显示故事：将鼠标悬停在故事标题上即可显示按钮。 * 折叠或展开故事：点击箭头。即使故事已折叠，特殊图标也能显示其中是否包含错误或警告。 * 打开附件和异常：点击文件夹图标。 * 从 UTC、本地时间或相对于当前时间的格式中选择一种时间戳格式：点击任意时间戳。 * 设置参考时间戳：右键点击或按住 Control 点击任意时间戳。 * 使用快速查找（不区分大小写）突出显示你要查找的内容。 * 将连续相同的消息合并为方便查看的一行摘要。 * 配置 Storyboard 何时以及如何“遗忘”旧日志和故事。 * 随心自定义颜色！ Storyboard 库可在此处获取：http://guigrpa.github.io/storyboard/（也可以点击下方的网站按钮）。 演示：https://storyboard-bhibtchlhy.now.sh/（可能有点慢