用chrome插件下载文件，并自定义文件名

突然接到一个需求，是用chrome extensions下载一批文件，但文件名需要是url中的id名字。

要修改下载过来的文件名？这需求挺奇葩，但做为开发，一定要想办法把完成这样的下需要。

第一步，看chrome插件开发流程，一个manifest文件指定一个html文件，就可以完成hello　world的制作。

一般的插件都会把脚本放到宿主页面上，通过宿主上去的脚本和插件里的脚本进行消息交互，如此可以把宿主页面上的dom节点和相关信息通过消息传递传递到插件脚本。

需求方给了我一个download master的插件，他的功能都是完整的，只是下载过来的文件名是服务器里用content-disposition指定了文件名的文件。

想了四个办法来完成修改文件名。

1.如果下载的文件是网页上的静态文件，如图片，html,css等资源文件，可以生成一个a标签，把href赋值成资源的url，同时给a标签的download属性赋值要下载后的文件名，　再用一个鼠标模拟点击的方法，自动下载上面的这些资源，下面的这段脚本是放到宿主上去的脚本里，通过消息传递触发

function downloadResource(url){
	var link = document.createElement('a');
	a.href= url;
	a.download = "xxxxx.xxxx";
	var event = document.createEvent("MouseEvents");
        event.initMouseEvent("click", true, false);
        link.dispatchEvent(event);
}

2.用chrome插件的chrome.downloads.download方法，这个方法是要用chrome的开发版本，于是马上安装开发版，并在flag里把实验扩展接口开启，用到上面的这个方法是看到api说明里有filename的项可供修改，事实证明，这个filename项和效果的第一种方法的效果是一样的，对于服务器指定了content-disposition的header属性的文件不起作用。不起作用的方法也不多说了，都是无用功。

chrome.downloads.download({url: torrentsLinks[i],filename:'1.torrent'},function(id) {});

3.通过上面的几种尝试，已经知道服务器指定了的content-disposition让我改不了文件名，想办法在responseHeader里把这个属性改掉，终于在chrome插件api里找到了可以修改的方法chrome.webRequest.onHeadersReceived，这个对象可以在服务器的header接收完成触发，突破口已经找到了，可这个方法怎么写呢，先看一源码

chrome.webRequest.onHeadersReceived.addListener(function(details){
		var headers = details.responseHeaders,blockingResponse = {};
		for( var i = 0, l = headers.length; i < l; ++i ) {
		  if( (headers[i].name.toLowerCase() == 'content-disposition') ) {
			headers[i].value = 'attachment; filename=\"xxxx.xxxx\"';
			break;
		  }
		}
		blockingResponse.responseHeaders = headers;
		return {
			responseHeaders: headers
		}
},{urls: ["http://jpopsuki.eu/*","https://what.cd/*"]},["responseHeaders","blocking"]);

addListener有三个参数，第一个是回调函数，第二个是过滤的urls，就是只有这些url才进行监听，第三个参数是一定要有blocking字符串，要是没有这个字符串，回调函数只要调用一下，不等回调函数返回已经把responseHeader拿去下载了，而第三个参数responseHeaders是只对responseHeaders进行监听，如此完成了一个下载文件名的修改需求。

上面的的开发过程中找到一个chromeHidden.internalApis.downloads.onDeterminingFilename从api的说明上来看是可以支持文件名的修改的，可是在实际调用过程中抛出了错误，找不到internalApis对象，在chrome上记了一个bug，不知道会不会引起chrome的注意。