如何支持所有手机浏览器的PDF查看？

我在用

<object> 

在我的网站上embedded一个PDF文件。 例如

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

它适用于所有桌面浏览器，但在我的Android设备上，它不显示任何东西。 除了使用谷歌pdf查看器（因为它显着降低pdf质量），有什么办法来支持所有的iOS / Android设备浏览器？ 或者，处理这种情况的最好方法是什么？ 既然有很多的浏览器，我怎样才能把它们redirect到浏览器的pdf插件下载页面呢，还是我应该告诉他们呢？ （用户不太友好）。 谢谢

Answer 1

最好的方法是只是添加一个链接到abc.pdf它将打开一个新的标签。 这将最适合移动浏览器，而不是embedded或实施插件。

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

Answer 2

我find的一个跨平台解决scheme是ViewerJS 。

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

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

Answer 3

最好使用Google的Gview。 我在我的项目中遇到了同样的问题：PDF在移动浏览器中单独打开，而在网页中完全打开，所以我将其更改为使用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> 

Answer 4

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