背景：谷歌浏览器 chrome 经常使用 devTools 里 Network 查看各种请求资源，突然发现原先的没有了，变成了如下图这种下拉框的方式，很不适应方案：如下图操作在 设置 -> Experiments（实验）-> 右侧输入net 过滤后，去掉勾选，再关闭 devTools 后重新打开即可恢复成原来界面：效果：
基于 canvas 生成的图片，然后下载兼容性： IE11、IE10、chrome，其他未测function dataURLToBlob(dataurl) { var arr = dataurl.split(','); var mime = arr[0].match(/:(.*?);/)[1]; var bstr = atob(arr[1]); var n = bstr.length; var u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new Blob([u8arr], { type: mime }); } var blob = dataURLToBlob(canvas.toDataURL('image/png', 1)); var url = window.URL.createObjectURL(blob); var filename = that.canvasConfig.title + ".png"; // IE 11 if (window.navigator.msSaveBlob !== undefined) { window.navigator.msSaveBlob(blob, filename); return; } var a = document.createElement("a"); a.style.display = "none"; a.href = url; a.download = filename; document.body.appendChild(a); requestAnimationFrame(function () { a.click(); window.URL.revokeObjectURL(url); document.body.removeChild(a); });