搭建内网PDF查看网站：用pdf.js实现跨设备无下载预览是否可行？

关于pdf.js的方向判断 #

你的思路完全正确，pdf.js是解决跨设备PDF内嵌查看、避免自动下载问题的成熟方案，它能在所有现代浏览器（包括安卓端Firefox/Chrome）中直接渲染PDF内容，不会触发文件下载到本地文件夹，完全匹配你的需求。

pdf.js的具体实现步骤 #

• 下载pdf.js的预构建包，将包内的web目录（包含viewer.html、viewer.js等核心文件）复制到你的网站根目录下
• 修改页面链接，指向pdf.js的viewer页面并传入PDF文件路径参数：

  <!DOCTYPE html>
  <html>
  <title>PDF Test</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <body>
    <a href="web/viewer.html?file=../test.pdf">Click here to open PDF</a>
  </body>
  </html>
  

• 确保内网服务器能正常访问这些静态文件，无需额外配置Content-Type，pdf.js会自行处理PDF的加载与渲染

其他可选方案 #

• HTML5 <embed>标签：直接在页面内嵌PDF，代码示例：

  <embed src="test.pdf" type="application/pdf" width="100%" height="800px">
  

  缺点：安卓端部分浏览器仍可能触发自动下载，兼容性不如pdf.js稳定
• HTML5 <iframe>标签：通过iframe嵌入PDF，代码示例：

  <iframe src="test.pdf" width="100%" height="800px"></iframe>
  

  缺点：同样存在安卓端兼容性问题，部分浏览器会强制下载文件
• PDF转图片流展示：后端用PyMuPDF、Poppler等工具将PDF页面转成图片，前端直接展示图片。这种方式完全避免下载，但会丢失PDF的文本选择、缩放、搜索等交互功能，仅适合纯查看场景

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