如何支持所有手机浏览器的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插件下载页面呢,还是我应该告诉他们呢? (用户不太友好)。 谢谢

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

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

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

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

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

最好使用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> 

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