Devtools

DevTools 允许您实时监控和调试浏览器会话,无论是在实时会话中还是在会话历史记录中。DevTools 内容丰富,涵盖三大事件类别:

Console

控制台面板显示页面发出的实时日志输出。在游乐场中,添加诸如 console.log 之类的语句可以让您快速检查变量值、跟踪函数执行并识别逻辑错误——这在调试自动化脚本或复杂工作流时尤其有用。

  • 实时日志和错误监控: 查看页面 JavaScript 生成的实时日志、警告和错误消息,以快速找到代码问题。
  • 调试自动化脚本: 控制台是调试自动化脚本的必不可少工具。您可以输出关键信息,跟踪脚本的执行流程,并查看潜在的服务器端错误,从而显著提高调试效率。

console.gif

Network

网络面板提供每个请求基本信息的清晰概述,并允许您通过单击展开单个条目来检查完整的请求信息,例如响应标头。

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

network.gif

Elements

Elements 面板允许您直接查看当前页面的 HTML 结构和关联的 CSS 样式。

elements.gif

想充分利用您的实时会话?Scrapeless 浏览器控制台允许您检查元素、实时运行脚本以及直接在云端进行调试。了解如何使用它来加快开发和故障排除👉全新的实时浏览器控制台上线