Question

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

使用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而不是object ..

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

Answer 2

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

PhoneGap内联PDF

2 个答案: