无服务器环境下本地HTML目录静态链接打开本地PDF的标准方案

一、可靠的链接路径格式 #

• 相对URL：这是跨浏览器最标准、最通用的可靠方式。只要PDF文件在HTML文件的同目录或子目录下，直接用相对路径就行：
  • 同目录示例：<a href="guide.pdf">查看指南PDF</a>
  • 子目录示例：<a href="manuals/user-guide.pdf">查看用户手册</a>
  • 上级目录（谨慎使用）：<a href="../archives/2023-report.pdf">查看2023年报</a>——注意：部分现代浏览器出于安全考虑，会限制本地HTML访问上级目录的文件，尽量别依赖这种方式。
• file://协议绝对路径：仅在所有用户的本地文件路径完全一致时才有用，否则完全不可靠。比如Windows下的<a href="file:///D:/Docs/report.pdf">查看报告</a>，但不同系统（Windows/macOS/Linux）路径格式差异大，而且很多浏览器会拦截这类跨盘或全路径的本地链接，不推荐作为通用方案。

二、可靠的打开方式 #

• 当前页面打开（默认无target属性）：标准可靠，点击链接后浏览器会直接在当前标签页加载PDF（只要浏览器有内置PDF阅读器或已关联PDF处理程序）。
• 新标签页打开（target="_blank"）：同样标准可靠，浏览器会在新标签页打开PDF，不会影响原HTML目录页面的浏览。
• iframe嵌入：完全不可行，现代浏览器的安全机制会禁止本地HTML通过iframe加载本地PDF，会触发跨域安全拦截，别尝试这种方式。

三、文件位置的可靠范围 #

• 最安全的范围：PDF文件和HTML文件同目录，或者在HTML文件的子目录层级里。所有主流浏览器（Chrome、Firefox、Edge、Safari）都支持这种结构下的相对路径访问，没有安全限制。
• 上级目录或任意本地目录：不可靠，现代浏览器的安全策略会阻止本地HTML访问超出自身所在目录树的文件，哪怕路径写对了也会被拦截，属于通用场景下不可行的方案。

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