Devtools

DevTools 让你可以实时监控和调试浏览器会话，无论是在实时会话中还是在会话历史记录中。DevTools 内容丰富，涵盖三大事件类别：

Console

Console 面板显示页面的实时日志输出。在 playground 中，添加诸如 console.log 之类的语句可以让你快速查看变量值、跟踪函数执行并发现逻辑错误——在调试自动化脚本或复杂工作流时尤其有用。

• 实时日志与错误监控： 查看页面 JavaScript 生成的实时日志、警告和错误消息，快速定位代码问题。
• 调试自动化脚本： Console 是调试自动化脚本不可或缺的工具。你可以输出关键信息、跟踪脚本的执行流程，并查看潜在的服务器端错误，从而显著提升调试效率。

Network

Network 面板清晰地概览每个请求的基本信息，并允许你通过点击展开单个条目来查看完整的请求信息——例如响应头。

• 性能分析： 通过分析网络请求时间线和加载时间，识别拖慢页面加载的瓶颈，例如大图或响应缓慢的 API。
• 请求与响应检查： 检查单个资源的属性，例如其 HTTP 头、内容和大小，以确保它们按预期加载。你还可以搜索所有资源的请求头和响应，以验证缓存策略等配置。

Elements

Elements 面板允许你直接查看当前页面的 HTML 结构及相关的 CSS 样式。

想要从实时会话中获得更多价值？Scrapeless Browser Console 让你可以检查元素、实时运行脚本，并直接在云端调试。了解如何使用它来加速开发和排查问题👉全新实时 Browser Console 现已上线