Saber 酱的抱枕

JavaScript是可以获取Response Header（响应头）的信息的：

如果是使用XMLHttpRequest, 这个对象本身有一个getResponseHeader(DOMString header)的方法来获取。
如果是使用jQuery.ajax, 在success属性对应的回调函数中，第三个参数会被jQuery设置一个jqXHR的对象，这个对象是对XMLHttpRequest对象的一个封装，也是有getResponseHeader方法的。

不过我这里要说的是GM_xmlhttpRequest，也就是俗称的“油猴脚本”里的功能。在firefox里的油猴扩展是Greasemonkey，在chrome中则是Tampermonkey。它们都内置了GM_xmlhttpRequest方法，用于处理ajax事件。

GM_xmlhttpRequest有个很好用的地方是它不会受跨域限制（当油猴脚本跨域时，会先提示你是否允许跨域，允许即可）。

要使用GM_xmlhttpRequest，需要先在脚本头部引入GM_xmlhttpRequest：

// @grant        GM_xmlhttpRequest

然后用GM_xmlhttpRequest的head方法获取响应头：

GM_xmlhttpRequest({
	url: "url",
	method: "HEAD",
	onload: function(response) {
		console.log(response.responseHeaders);
	}
});

我获取了p站一个图片的响应头，输出类似下面：

Date: Tue, 07 Mar 2017 05:31:54 GMT
X-Content-Type-Options: nosniff
Last-Modified: Tue, 08 Mar 2016 09:00:36 GMT
Server: nginx
Content-Type: image/jpeg
Cache-Control: max-age=31536000
Accept-Ranges: bytes
Content-Length: 528794
Expires: Fri, 02 Mar 2018 10:41:44 GMT

不过我现在还有个疑惑，就是油猴怎么从响应头中提取某个特性属性的值。它好像没有getResponseHeader方法。

参考文档
Read More →

GM_xmlhttpRequest获取响应头