美文网首页Chrome DevTools 小贴士
11. Network 网络面板过滤器

11. Network 网络面板过滤器

作者: 阿啦啦啦啦啦 | 来源:发表于2021-03-13 00:01 被阅读0次
is-running.gif

介绍

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

如何使用它

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

别的过滤器

network-advanced-filter.gif

补充

还有这些过滤器可以使用

  • domain
  • has-response-header
  • is - [](例如上图的例子)
  • larger-than
  • method
  • mime-type
  • mixed-content
  • priority
  • scheme
  • set-cookie-domain
  • set-cookie-name
  • set-cookie-value
  • resource-type
  • cookie-domain
  • cookie-name
  • cookie-path
  • cookie-value
  • status-code
  • url

查看网络资源依赖关系

network-dependency.gif

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

相关文章

网友评论

    本文标题:11. Network 网络面板过滤器

    本文链接:https://www.haomeiwen.com/subject/slhiqltx.html