Javascript - 列出由Web浏览器下载的文件

时间:2016-08-05 12:38:56

标签: javascript html browser xmlhttprequest google-chrome-devtools

在您访问网站的上下文中,浏览器会下载所有必需的文件(静态文件:CSS,脚本)或通过AJAX。好。您可以使用devtools浏览器中的“网络”选项卡实时查看下载过程。

我的问题是:是否可以"听"浏览器在“网络”标签中执行的文件被使用JavaScript 下载? 一个具体的例子是向用户显示浏览器从我的网站下载的内容。

在互联网上搜索时,我发现有可能超载xhr本机功能:Add a "hook" to all AJAX requests on a page

尽管如此,我并不认为图像和CSS下载会触发xhr功能,因为浏览器以自己的方式处理。

我很想听听社区的消息。

提前致谢!

1 个答案:

答案 0 :(得分:0)

如果您明确下载JavaScript代码中的资源,则可以根据上面的消息注入钩子来跟踪AJAX请求。您也可以使用Resource Timing API来跟踪请求的网络计时信息,这很不错。

但是,由于需要访问浏览器引擎,因此无法查看您无法控制的资源的网络信息。

可以使用Chrome扩展程序获取此类信息,因为存在可让您了解此信息的API。见chrome.devtools.network