PhoneGap内嵌PDF

Question

我有一些问题让PDF在PhoneGap中内联显示。现在，我将PDF加载到对象中，然后尝试（和失败）将对象尺寸设置为窗口高度，以便显示全高（使用应用程序标题和后退按钮）。

的Javascript：

<script type="text/javascript"> 
function jqUpdateSize(){ 
    var pixels = $(window).height(); 

    pixels = pixels - 48; 

    $('#pdfViewer').height(pixels); 
}; 
$(document).ready(jqUpdateSize) 
$(window).resize(jqUpdateSize); 
</script> 

HTML：

<div data-role="content" style="padding:0px; height:auto;"> 
    <object width="100%" height="100%" data="file.PDF"></object> 
</div> 

这部分工作（它完全在Chrome/FF我的桌面上），但悲惨的失败了和应用上都不起作用Android和iOS。

我看到了一些关于插件“ChildBrowser”的文档，但我不确定它会做我想做的事情，或者我会怎样去设置它。

Answer 1

你应该尝试添加iframe的替代对象..

<iframe width="100%" height="100%" src="file.PDF"> 
</iframe > 

Answer 2

您可以考虑使用pdf.js渲染PDF：https://github.com/mozilla/pdf.js