查询Chrome检查器网络标签日志?

时间:2018-01-22 17:28:02

标签: google-chrome google-chrome-devtools

我正在使用一个可以进行许多Ajax调用的应用程序,并在Chrome检查器中生成一个巨大的网络日志。我知道有些方法可以通过mime-type之类的内容进行查询,但我正在寻找功能更全面的查询功能。

例如,我希望只能通过以下查询查看pub / sub轮询调用:

request_url:match(/pubnub.com/)

或者只看到GET:

request_method:GET

是否有可以进行此类查询的工具?

1 个答案:

答案 0 :(得分:1)

您有多种选择。有各种预定义的过滤模式,如Network Analysis Reference中所述(正如您在问题中引用的那样)。

您可以在输入中使用带有methodmethod:GET的{​​{1}}过滤器,仅显示特定方法类型的请求。如果您预先放置method:POST,则过滤器将取消,例如-,将显示除GET之外的所有请求。

还有一种称为-method:GET的过滤器类型,它仅用于显示与特定域匹配的请求。但是选项有限:

  • domain将显示对StackOverflow域的所有请求。
  • domain:stackoverflow.com会显示所有子域请求 谷歌英国。

过滤请求路径(方法1)

有一种更好的方法来过滤特定的请求路径。您可以简单地将domain:*.google.co.uk放入过滤器输入中,它将与您放置的内容完全匹配。您也可以事先使用pubnub.com对其进行否定,因此输入-将显示路径中不包含该请求的所有请求。

过滤请求路径(方法2)

您也可以在过滤器输入中使用Regex,但不能用于特殊过滤器模式(例如-pubnub.commethod等)。因此,在您的情况下,您还可以在过滤时使用domain。您可以执行更复杂的正则表达式,例如,使用/pubnub.com/通过负前瞻来执行等效的/^((?!pubnub.com).)*$/

我强调方法2 的原因是因为我在DevTools中修复了这个功能,因为另一个类似的问题最终成为方法1中的错误。现在两个错误都完全修复了。如果您有兴趣,请参阅this了解问题的历史记录。