在 html 文件中嵌入 pdf 时，如何摆脱侧边栏和工具栏？答案

【问题标题】：How do I get rid of the sidebar and toolbar when embedding a pdf in an html file?在 html 文件中嵌入 pdf 时，如何摆脱侧边栏和工具栏？
【发布时间】：2017-08-26 03:17:18
【问题描述】：

尝试像这样在我的网站上嵌入 pdf：

<iframe src="filename.pdf" type='application/pdf' frameborder="0"></iframe>

该网站是一个 Rails 网站，目前我只在本地服务器上运行它。

问题是 pdf 呈现时顶部有一个工具栏和一个带有我的 adobe creative cloud 帐户信息的侧边栏，如下图所示（pdf 的实际内容显示在工具栏下方的白色框和侧边栏的左侧）

如何在没有菜单和侧边栏的情况下单独渲染 pdf？

【问题讨论】：

标签： html pdf

【解决方案1】：

如果您允许浏览器选择 PDF 的呈现方式，您将永远无法为您的用户创建一致的体验，除非您处于受控桌面环境中。 p>

如果您正在寻找一致的体验，请使用 pdf.js 在浏览器中呈现 PDF。

如果您处于受控环境中，并且您的所有用户都有一个浏览器/查看器组合，可以让浏览器使用 Adobe Reader 插件显示 PDF（如您的屏幕截图所示），那么您可以使用 URL 末尾的“开放参数”来控制显示的内容。请参阅以下链接中的文档。

http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf

也就是说，不要指望该解决方案能长期有效。大多数现代浏览器不再允许查看器插件运行，其余浏览器正朝着这个方向发展。

【讨论】：

【解决方案2】：

我认为最好使用某种 JS 东西以防跨浏览器问题，例如与第一个链接相关的问题。像https://pdfobject.com/ 这样的解决方案有助于完成工作。看：

PDFObject 2.0 检测浏览器对内联/嵌入 PDF 的支持。（在如果您想知道，您的浏览器支持嵌入式 PDF。你幸运的狗，你！）

如果您使用的是动态 HTML，例如单页网络应用，您可能需要即时插入 PDF。但是，PDF 嵌入不是某些浏览器支持。如果您没有先插入标记检查 PDF 支持，您可能会发现缺少内容或用户界面损坏。

PDFObject 实用程序通过检测支持在浏览器中嵌入 PDF；如果支持嵌入， PDF 已嵌入。如果浏览器不支持嵌入，则不会嵌入 PDF。

默认情况下，PDFObject 2.0 在浏览器不支持内联 PDF。这可确保您的用户始终可以访问您的 PDF，旨在帮助您编写更少的代码。可以自定义回退链接，或者可以禁用该选项，如果你喜欢。

PDFObject 2.0 已支持 npm。现代 Web 应用程序使用 npm 来管理包和依赖关系。 PDFObject 2.0 在节点包中注册 Manager (npm) 并且可以动态加载。

PDFObject 还可以轻松指定 Adobe 专有的“PDF Open 参数”。（请注意，这些参数仅由 Adobe 支持阅读器，大多数 PDF 阅读器会忽略参数，包括 Chrome、Internet Explorer 和 Safari 中的内置 PDF 阅读器。读更多内容如下。）

【讨论】：

我写了上面提到的 Web Designer's Guide to Acrobat。感谢您的链接，但我不得不说它已经过时了。