0

我在获取 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”的文档,但我不确定它会做我想做的事情,或者我将如何进行设置。

4

2 回答 2

0

你应该尝试添加 iframe 而不是对象..

<iframe width="100%" height="100%" src="file.PDF">   
</iframe >
于 2013-10-31T13:31:19.210 回答
0

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

于 2014-09-15T09:00:08.930 回答