本地打开HTML无视频下载选项，Live Server却有？原因解析

核心原因：协议差异导致的安全限制 #

浏览器对file://（本地直接打开HTML）和HTTP（Live Server提供的网页服务）两种协议的安全策略天差地别：

• file://属于本地文件访问，浏览器会加严格的权限锁，防止本地网页随意读取、操作你的本地文件系统，避免恶意利用。
• HTTP协议下是标准的Web环境，浏览器遵循常规的Web安全规则，权限限制宽松很多。

视频下载选项差异的真相 #

和Content-Disposition头没关系，完全是协议环境的锅：

• 本地file://模式下，Chrome会主动隐藏视频右键的下载选项——这是浏览器的安全防护，怕恶意本地网页诱导你下载本地视频（或者通过视频操作本地资源）。
• HTTP模式下（Live Server），视频是通过网络请求加载的Web资源，浏览器默认允许用户保存已加载的媒体内容，所以会显示下载选项，哪怕没设置Content-Disposition头也一样。

<a>标签download属性的差异逻辑 #

download属性的生效同样受协议限制：

• file://协议下，浏览器直接禁用download属性的下载功能，因为这可能被用来诱导你下载本地文件到指定路径，违反本地文件安全规则。
• HTTP协议下，download是标准Web功能，浏览器会正常触发下载，不管资源是本地服务器还是远程服务器提供的。

额外补充 #

哪怕Live Server没设置Content-Disposition头，Chrome在HTTP环境下也允许下载媒体资源，这是浏览器默认支持的“保存已加载Web资源”功能；而file://模式下的限制是浏览器内置的安全规则，和响应头完全无关。

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