5

我在用

<object>

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

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

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

4

4 回答 4

6

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

<a href="abc.pdf" target="_blank">ABC PDF file</a>
于 2013-09-02T02:12:11.183 回答
-1

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

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

<iframe src='../ViewerJS/#../../pdfs/pdf.pdf'></iframe>
于 2014-12-03T23:24:39.183 回答
-2

最好使用谷歌的 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>
于 2016-07-19T13:43:46.460 回答
-3

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

于 2013-09-02T04:47:34.113 回答