嘿，这个问题我太熟了！之前帮朋友解决过Chrome下PDF直接下载而不在线显示的坑，来给你详细说说可行的方案：

首先得明确：浏览器是否在线显示PDF，很大程度由服务器响应头和浏览器本身的默认设置决定，但我们可以通过HTML手段引导浏览器优先显示而非下载，尤其是针对Chrome的特殊情况。

一、基础链接写法（适配多数浏览器） #

如果只是想让PDF在新标签页打开，先试试最基础的<a>标签搭配安全属性：

<a href="https://example.com/target.pdf" target="_blank" rel="noopener noreferrer">查看PDF文件</a>

不过你提到Chrome会直接下载，这是因为Chrome默认对部分未设置正确响应头的PDF会触发下载，这时候就得用下面的嵌入方法来绕开这个逻辑。

二、用<embed>标签在当前页嵌入PDF #

如果想在你自己的页面里直接展示PDF内容，<embed>是个简单直接的选择，它能调用浏览器内置的PDF阅读器渲染内容：

<embed src="https://example.com/target.pdf" type="application/pdf" width="100%" height="800px">

• type="application/pdf"明确告知浏览器文件类型，引导它用阅读器打开而非下载
• 可调整width和height参数来适配你的页面布局

三、用<iframe>标签实现新页/当前页显示 #

<iframe>的兼容性更好，既能嵌入当前页面，也能强制在新标签页在线显示PDF，完美解决Chrome的下载问题：

1. 在新标签页强制显示 #

通过JavaScript打开一个新窗口，里面嵌入PDF的iframe，绕开Chrome的自动下载逻辑：

<a href="javascript:void(0)" onclick="window.open('data:text/html,<iframe src=https://example.com/target.pdf width=100% height=100%></iframe>', '_blank')">在新标签页查看PDF</a>

2. 在当前页面嵌入 #

直接把iframe放到你的页面指定位置即可：

<iframe src="https://example.com/target.pdf" width="100%" height="800px" frameborder="0"></iframe>

四、根本解决方案（若能接触对方服务器） #

如果有办法联系PDF所在网站的管理员，让他们在服务器上为PDF文件设置Content-Disposition: inline响应头，这是最彻底的解决方式——设置后所有浏览器都会默认在线显示该PDF，而非直接下载。

五、兼容性注意事项 #

• Firefox和Safari本身对PDF在线显示的支持更友好，所以你之前的基础链接在这两个浏览器里能正常工作
• Chrome下用<embed>或<iframe>的嵌入方式几乎都能解决直接下载的问题
• 如果用户浏览器没有内置PDF阅读器（比如部分旧版本浏览器），还是会触发下载，这是浏览器本身的限制，无法完全避免

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