如何支持所有移动浏览器的 PDF 查看？

Posted 2023-05-07

【中文标题】如何支持所有移动浏览器的 PDF 查看？

【英文标题】：How to support PDF viewing for all mobile browser?

【发布时间】：2013-09-05 01:32:35

【问题描述】：

我正在使用

<object>

在我的网站上嵌入 pdf 文件。例如

<object data="abc.pdf" type="application/pdf">
    <embed src="abc.pdf" type="application/pdf" />
</object>

它适用于所有桌面浏览器，但在我的 android 设备上，它不显示任何内容。除了使用 google pdf 查看器（因为它大大降低了 pdf 质量），有没有办法支持所有 ios / android 设备浏览器？或者，处理这种情况的最佳方法是什么？既然有很多浏览器，我怎样才能将它们重定向到浏览器的 pdf 插件下载页面，或者我应该告诉他们得到一个？ （不太用户友好）。谢谢

【参考方案1】：

最好的方法就是添加一个指向abc.pdf 的链接，它将在新标签页上打开。 这对移动浏览器最有效，而不是嵌入或实现插件。

<a href="abc.pdf" target="_blank">ABC PDF file</a>

【讨论】：

感谢您的帮助。因为我正在实现一个像 web 应用程序这样的电子书。例如。当用户单击图像时，它会在顶层显示 pdf，是否可以在移动设备上使用？谢谢

是的，如果您有任何问题，请尝试一下，在您的帖子中添加更多代码，或针对特定问题发布新问题

这意味着我需要安装了pdf查看器插件的移动浏览器？

【参考方案2】：

我发现的一个跨平台解决方案是ViewerJS。

可以使用 iFrame 来实现兼容 Android 的嵌入，方法是提供 ViewerJS 项目文件夹的 URL 和要嵌入的 PDF 的 URL（相对于 ViewerJS），用哈希分隔：

<iframe src='../ViewerJS/#../../pdfs/pdf.pdf'></iframe>

【讨论】：

这行得通，但呈现的 PDF 质量不如它应有的好......

【参考方案3】：

最好使用 Google 的 Gview。我在我的项目中遇到了同样的问题：PDF 在移动浏览器中单独打开，而在 Web 中完美打开，所以我将其更改为使用 Google Doc Gview。示例如下：

<iframe src="http://docs.google.com/gview?
    url=d11xs62myk100c.cloudfront.net/Conference/262/Misc/marcos-ascensin-spanish-national-research-council-csic-spain.ppt&amp;embedded=true'"
    frameborder="0"  >
</iframe>

【参考方案4】：

您可以检查手机的兼容性，然后下载并保存为 .dox