Chrome 65 移除了对具有 cross-origin s 的锚元素上的download属性的支持：href
阻止跨域 <a 下载>
为了避免本质上是用户介导的跨源信息泄漏，Blink 现在将忽略具有跨源属性的锚元素上的下载属性的存在。请注意，这既适用于
HTMLAnchorElement.download元素本身，也适用于元素本身。
这会破坏无服务器下载（对于跨源资源）。它还破坏了 Reddit Enhancement Suite 的保存图像按钮 ( RES v5.12.0通过使用chrome.downloads API修复了这个问题（扩展现在请求您的管理下载权限）.res-media-controls-download)
任何解决方法？
Web 规范中的更多详细信息，感谢@jbmilgrom
根据讨论 blob:，data:URL 不受影响，因此这里是使用fetchBlob的解决方法。
function forceDownload(blob, filename) {
var a = document.createElement('a');
a.download = filename;
a.href = blob;
// For Firefox https://stackoverflow.com/a/32226068
document.body.appendChild(a);
a.click();
a.remove();
}
// Current blob size limit is around 500MB for browsers
function downloadResource(url, filename) {
if (!filename) filename = url.split('\\').pop().split('/').pop();
fetch(url, {
headers: new Headers({
'Origin': location.origin
}),
mode: 'cors'
})
.then(response => response.blob())
.then(blob => {
let blobUrl = window.URL.createObjectURL(blob);
forceDownload(blobUrl, filename);
})
.catch(e => console.error(e));
}
downloadResource('https://giant.gfycat.com/RemoteBlandBlackrussianterrier.webm');但是，fetch 仅适用于某些 URL。您可能会收到 CORS 错误：
Failed to load https://i.redd.it/l53mxu6n14o01.jpg: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://redditp.com' is therefore not allowed access.
有一些扩展程序可让您拦截和修改或删除网站的安全标头：
（但设置Access-Control-Allow-Origin: *对我来说破坏了 YouTube）
请注意，这种方法的性能不是很好！有时我的下载会停滞 <1 分钟。不过，页面的其余部分在这段时间内是响应式的。我没有研究过这个，但我认为创建大型 Blob 是资源密集型的。
如果您的用例是用户脚本，则有 GM_download(options), GM_download(url, name)
⚠ 在 Tampermonkey 中这是一个测试版功能，您必须首先在Tampermonkey Dashboard > Settings 中设置下载模式： [Browser API ▾]
显然，Web 规范在某些时候更改为禁止跨域下载。content-disposition: attachment在响应中添加标头，跨域下载可能会再次工作。