Chrome DevTools 小贴士

11. Network 网络面板过滤器

2021-03-13  本文已影响0人  阿啦啦啦啦啦
is-running.gif

介绍

您可以使用“is:running高级网络过滤器”查看未完成的网络请求(例如正在运行的请求)。其他一些过滤器,您可以尝试是:status-code,method,domain和更多!

如何使用它

在“网络面板”过滤器框中,键入is:running并重新加载页面。观察可见的“网络面板”行如何快速变化以仅显示当前正在运行的资源。

别的过滤器

network-advanced-filter.gif

补充

还有这些过滤器可以使用

查看网络资源依赖关系

network-dependency.gif

点击到具体的请求,查看 initiator 面板也是可以看到的 请求的调用栈与树状依赖结构

上一篇 下一篇

猜你喜欢

热点阅读