HTML中download属性及mailto链接失效问题求助

1. 标签download属性无法触发图片下载 #

• 问题原因：Chrome、Edge这类Chromium内核浏览器对file://本地文件协议有安全限制，直接本地打开HTML时，浏览器会优先预览自身支持的图片格式（比如png），即便加了download属性，也会因为file协议的安全策略跳过下载逻辑，直接在新标签页打开图片。
• 解决方法：
  • 搭个本地HTTP服务器访问文件，比如用Python3执行python -m http.server，或者用VS Code的Live Server插件，通过http://localhost:端口号的方式打开页面，这时download属性就能正常触发下载。
  • 可以给download属性指定文件名，比如<a href="html5icon.png" download="html5-icon.png">下载图片</a>，不过这个方法在file协议下不一定靠谱，还是HTTP环境更稳定。

2. mailto链接无法唤起邮件客户端 #

• 问题原因：核心还是file://协议的安全限制，浏览器在本地文件模式下会限制调用mailto这类系统外部协议，防止恶意本地文件私自调用系统程序。换浏览器后问题仍存在，基本可以排除浏览器本身的问题，大概率是file协议的限制导致。另外如果系统未设置默认邮件客户端，也可能出现这个情况，但你右键能复制邮箱，优先考虑协议限制因素。
• 解决方法：
  • 同样用本地HTTP服务器打开页面，切换到http协议后，mailto链接就能正常唤起默认邮件客户端。
  • 检查系统默认邮件客户端：Windows去「设置-应用-默认应用」里找「邮件」选项，设置一个默认的邮件应用；Mac去「系统设置-桌面与程序坞-默认应用」里配置邮件客户端。

内容的提问来源于stack exchange，提问作者bose