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