
Chrome性能面板:精准定位XHR Ready State Change请求来源
Chrome开发者工具的性能面板火焰图中,有时会出现与XHR(XMLHttpRequest)Ready State Change事件相关的任务,但这些任务可能并未直接显示其对应的请求来源。 以下步骤将帮助您快速找到XHR Ready State Change事件与其关联请求的对应关系:
- 打开Chrome开发者工具(快捷键F12)。
- 切换到“性能”选项卡。
- 点击“开始记录”按钮,开始性能数据捕获。
- 执行触发XHR请求的代码或操作。
- 点击“停止记录”按钮,结束性能数据捕获。
- 在瀑布图中找到带有“XHR”标签的请求条目。
- 将鼠标悬停在XHR Ready State Change事件对应的任务上。 此时,瀑布图中将高亮显示与该任务关联的请求,从而清晰地展现请求来源。
通过以上步骤,您可以轻松追踪到XHR Ready State Change事件的具体请求来源,从而有效分析和调试网络请求相关问题。











