如何让点击图片链接直接下载，而非在新标签页中打开？

许多情况下，我们希望点击图片链接直接下载图片，而不是在浏览器中打开它。然而，简单的 <a></a> 标签和图片链接通常只会跳转到图片页面，无法直接触发下载。本文将探讨如何实现点击链接直接下载图片的效果。

问题：使用 <a></a> 标签和图片链接（例如：下载）点击后会跳转到图片页面，而非下载。这是因为 <a></a> 标签本身不具备强制下载功能，浏览器根据链接类型和服务器响应决定是打开页面还是下载文件。如果服务器返回图片文件，浏览器通常会显示图片，而不是下载。

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

解决方法：直接下载的关键在于资源是否在同一域名下。浏览器安全机制限制跨域资源下载，为了安全起见，通常不会直接允许跨域下载。因此，要实现点击链接直接下载图片，图片链接必须与网页域名一致。如果图片来自不同域名，则需要通过服务器端代理或其他技术手段绕过跨域限制。 这表明，仅靠客户端 HTML 代码无法保证所有情况下的直接下载，服务器端的配置和响应至关重要。