如何覆盖HTML <a>标签的download属性以在浏览器中打开PDF文件

嘿，我刚好碰到过和你一模一样的情况——Win10企业版非域环境，Chrome里那个“下载后自动打开特定文件类型”的设置根本没用，带download属性的PDF总是直接下载，没法在浏览器预览。给你几个实用的解决办法：

• 临时应急：用开发者工具手动修改
  这适合偶尔遇到这种链接的情况：

  1. 右键点击目标PDF链接，选择「检查」（或者直接按F12打开开发者工具）
  2. 在Elements面板里找到对应的<a>标签，定位到其中的download属性（比如<a href="xxx.pdf" download>）
  3. 直接删掉整个download属性，或者清空它的值后回车
  4. 现在再点击页面上的这个链接，PDF就会在浏览器里打开而不是下载了

• 长期解决方案：用用户脚本自动处理
  如果经常遇到这类网站，可以装个Tampermonkey（油猴）插件，然后添加下面的脚本，它会自动移除所有PDF链接的download属性：

  // ==UserScript==
  // @name 移除PDF链接的Download属性
  // @match *://*/*
  // @grant none
  // ==/UserScript==
  
  // 找到所有带download属性且链接是PDF的a标签
  document.querySelectorAll('a[download][href$=".pdf"]').forEach(link => {
    link.removeAttribute('download');
  });
  

  安装后，所有网站的PDF链接都会默认在浏览器打开，不用再手动修改了。

• 如果是你自己的网站：直接修改源代码
  要是这是你维护的站点，那最简单的就是直接找到对应的<a>标签，删掉其中的download属性就行——浏览器默认会优先用内置PDF阅读器打开文件，除非用户自己改了全局设置。

之所以你浏览器里的自动打开设置没用，大概率是Win10企业版的组策略限制了这个选项，非域环境下没法调整，所以上面的方法会更靠谱。

备注：内容来源于stack exchange，提问作者Max