Google chrome 查询Chrome inspector网络选项卡日志?

Google chrome 查询Chrome inspector网络选项卡日志?,google-chrome,google-chrome-devtools,Google Chrome,Google Chrome Devtools,我在一个应用程序中工作,该应用程序可以进行许多Ajax调用,并在Chrome inspector中生成一个巨大的网络日志。我知道有很多方法可以通过这样的方式进行查询,但我正在寻找一种功能更全面的查询功能 例如,我希望只能看到带有如下查询的发布/订阅轮询调用: request_url:match(/pubnub.com/) 或者只需查看以下内容: request_method:GET 有没有一个工具可以让这样的查询成为可能?您有几个可用的选项。有各种预定义的筛选模式,如中所述(如您在问题中所述

我在一个应用程序中工作,该应用程序可以进行许多Ajax调用,并在Chrome inspector中生成一个巨大的网络日志。我知道有很多方法可以通过这样的方式进行查询,但我正在寻找一种功能更全面的查询功能

例如,我希望只能看到带有如下查询的发布/订阅轮询调用:

request_url:match(/pubnub.com/)
或者只需查看以下内容:

request_method:GET

有没有一个工具可以让这样的查询成为可能?

您有几个可用的选项。有各种预定义的筛选模式,如中所述(如您在问题中所述)

您可以将
方法
过滤器与输入中的
方法:GET
方法:POST
一起使用,以仅显示特定方法类型的请求。如果您事先放置了
-
,则过滤器将否定,例如
-method:GET
,将显示除GET之外的所有请求

还有一种称为
domain
的过滤器类型,它只用于显示与特定域匹配的请求。不过,这些选择是有限的:

  • domain:stackoverflow.com
    将显示stackoverflow域的所有请求
  • domain:*.google.co.uk
    将显示所有属于子域的请求 谷歌英国公司
筛选请求路径(方法1)

有一种更好的方法可以过滤特定的请求路径。您只需将
pubnub.com
放入过滤器输入,它将与您输入的内容完全匹配。您还可以事先使用
-
对其进行否定,因此输入
-pubnub.com
将显示路径中不包含该内容的所有请求

筛选请求路径(方法2)

您也可以在过滤器输入中使用正则表达式,但不能用于特殊的过滤器模式(例如,
方法
,等等)。因此,在您的情况下,您也可以在筛选时使用
/pubnub.com/
。您可以使用更复杂的正则表达式,例如,使用
/^((?!pubnub.com)。*$/
可以通过负向前看执行与
-pubnub.com
等效的操作

我之所以突出显示方法2,是因为我不久前在DevTools中修复了该功能,因为另一个类似的问题最终成为方法1中的一个bug。不过,这两个bug现在都已完全修复。如果您感兴趣,请查看问题的历史记录