2017-03-31 25 views
1

试图嵌入PDF文件在我的网站,像这样:在HTML文件中嵌入pdf时,如何摆脱侧边栏和工具栏?

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

该网站是一个轨道的网站,我目前只运行它的本地服务器上。

问题是,pdfs使用我的adobe创意云账户信息在顶部和侧栏上呈现工具栏,如下图所示(pdf的实际内容显示在工具栏下方的白色框中,以及侧边栏的左边)

enter image description here

我怎样才能获取PDF单独渲染,没有菜单和补充工具栏?

回答

0

搜索更进栈,请尝试:

https://stackoverflow.com/a/2105095/7741129

如需更详细的信息:

http://blogs.adobe.com/pdfdevjunkie/web_designers_guide

我认为这是更好地利用某种JS东西只是在交叉的情况下,浏览器问题,如相关的第一个链接。像https://pdfobject.com/这样的解决方案有助于完成工作。看看:

PDFObject 2.0检测浏览器是否支持嵌入式/嵌入式PDF。 (在 如果您想知道,您的浏览器支持嵌入PDF文件。你 幸运儿,你!)

如果你使用动态HTML的工作,如单页Web应用程序, 您可能需要插入PDFs在飞行中。但是,某些浏览器支持PDF嵌入不支持 。如果您插入标记而没有首先检查PDF支持 ,您可以结束丢失的内容或破损的用户界面。

PDFObject实用程序通过检测 支持在浏览器中嵌入PDF来帮助您避免这些情况;如果嵌入被支持, PDF被嵌入。如果浏览器不支持嵌入,则不会嵌入 PDF。

默认情况下,当 浏览器不支持嵌入式PDF时,PDFObject 2.0会向PDF插入回退链接。这可确保您的用户始终可以访问您的PDF,并且旨在帮助您编写更少的代码。 可以自定义回退链接,或者如果您喜欢 ,则可以禁用该选项。

PDFObject 2.0是npm-ready。现代Web应用程序使用npm来管理软件包 和依赖关系。 PDFObject 2.0注册到节点包 管理器(npm)并且可以动态加载。

PDFObject还可以很容易地指定Adobe的专有“PDF打开 参数”。 (请注意,这些参数仅受Adobe 阅读器的支持,大多数PDF阅读器将忽略参数,包括Chrome浏览器,Internet Explorer和Safari中的内置PDF阅读器 。请阅读 以下更多内容。)

+1

我写了上面引用的Acrobat的Web Designer指南。感谢您的链接,但我不得不说这是可怕的过时。 – joelgeraci

1

如果允许浏览器选择PDF如何被呈现,你永远要能够除非你是在控制的桌面环境,为您的用户提供一致的体验。

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

如果你是在受控环境中和所有的用户有一个浏览器/浏览器的组合,将使用Adobe阅读器插件(如您的屏幕截图显示)让浏览器显示PDF,那么你可以使用“开参数“来控制显示的内容。请参阅下面链接中的文档。

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

这就是说,不要在解决数为很长的工作。大多数现代浏览器不允许查看器插件继续工作,其余的都在朝这个方向发展。