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

【问题标题】：How to support PDF viewing for all mobile browser?如何支持所有移动浏览器的 PDF 查看？
【发布时间】：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 插件下载页面，或者我应该告诉他们得到一个？（不太用户友好）。谢谢

【问题讨论】：

标签： android ios pdf mobile browser

【解决方案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" width="100%" height="1000">
</iframe>

【讨论】：

【解决方案4】：

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

【讨论】：