谷歌浏览器抓包时怎么过滤js、css、图片等请求地址

大家在使用浏览器抓包的时候，有没有遇到过这种情况：一进页面，Network列表就一堆的url就出来了，还要自己在页面去找哪一个是自己所需要的url信息。

其实可以在浏览器上通过设置筛选条件去过滤列表的数据：点一下Network下面的小页签上的Fetch/XHR就可以。

XHR全称XMLHttpRequest。

XMLHTTP是一组API函数集，可被JavaScript、JScript、VBScript以及其它web浏览器内嵌的脚本语言调用，通过HTTP在浏览器和web服务器之间收发XML或其它数据。

XMLHTTP最大的好处在于可以动态地更新网页，它无需重新从服务器读取整个网页，也不需要安装额外的插件。该技术被许多网站使用，以实现快速响应的动态网页应用，如Google的Gmail服务、Google Suggest动态查找界面以及Google Map地理信息服务。

XMLHTTP是AJAX网页开发技术的重要组成部分。除XML之外，XMLHTTP还能用于获取其它格式的数据，如JSON或者甚至纯文本。

谷歌浏览器怎么抓取那种php项目调用接口后一闪而过的接口

大家在使用浏览器进行抓包的时候，有没有遇到过那种页面点一下按钮后，明明看到了接口请求，一会又自动从Network页签中消失了的情况？

shopxo官网体验地址：https://doc.shopxo.net/article/1/260674843488288768.html

其实这个时候勾选谷歌浏览器开发者选项下的一个叫Preserve log 的复选框就可以了。

官方文档关于此功能说明： https://developer.chrome.com/docs/devtools/network/reference/

大概意思是可以保存跨页面加载的请求。

参考

开发工具 浏览器开发者模式(F12) XHR获取

https://blog.csdn.net/Parksi/article/details/105392369

Chrome浏览器F12调试时，network ＞ XHR下发出请求看不到接口解决办法

https://blog.csdn.net/object_oriented_/article/details/119448947