0

我即将推出的移动网络项目需要查看网页内动态选择的 pdf 文件。我正在使用 iFrame 显示 pdf 文件，并且可以使用两指滚动来滚动文件。但我面临的问题是：

  1. 文件的第一页没有完全显示在 iPad 上，并且沿宽度被截断，这与我在桌面浏览器上查看时不同，其中 pdf 的第一页始终完全显示，尽管缩小以适合 iFrame 区域。

  2. 对用户来说，没有可以滚动pdf文档的视觉指示，即pdf文档上没有滚动条。

  3. pdf 查看器 (Adobe reader) 的控件（页面导航、缩放等）不会出现在文档上，这与我在桌面浏览器上看到的不同。

实现我想要做的最好的方法是什么？你们中的任何一位专家都知道我面临的问题的任何解决方案/解决方法吗？也可以考虑使用除 iFrame 之外的任何东西的完全不同的方法。

pdf应该在html页面内的原因是，pdf文件列表将在页面左侧的菜单栏上，用户可以单击其中任何一个在同一页面上查看。理想情况下，他们将能够在全屏视图和该视图之间切换。

任何帮助表示赞赏。

4

4 回答 4

0

我遇到了这种将 PDF 嵌入 HTML 的推荐方式？同时在网上搜索以找到答案。

提到的链接讨论了一些我可以使用的选项，谷歌文档查看器对我有用，但不知道在网站上使用它之前是否需要注意什么（比如数据限制）。我也不知道这是否是一个好的解决方案（虽然全屏模式不可用，但放大/缩小和下一页/上一页按钮显示在 iPad 上的移动 safari 中）使用用于将在 iPad 上运行的 Web 应用程序。

无论如何，我会继续寻找更好的解决方案，如果我没有找到任何解决方案，我会坚持使用谷歌文档查看器。

于 2012-08-14T23:22:57.373 回答
0

我遇到了同样的问题，即 pdf 没有完全显示。我发现解决此问题的唯一方法是更改​​包含 pdf 的 div 的大小。

例如，如果包含 pdf 的元素是一个 div，那么我将其宽度更改为任何值并回滚到它之前的值。更改宽度或高度任何一个都可以。

有时我不得不在调用我的可调整大小的方法之前使用 setTimeout 稍等片刻

于 2012-10-11T18:42:55.097 回答
0

我创建了一个小型 JavaScript 模块，它可以帮助您显示 PDF 内联并能够滚动它。但我也想不出一种方法让它适合父容器的总宽度。

看看：https ://github.com/williamrjribeiro/ipdf-scroll

干杯。

于 2012-10-18T14:45:27.703 回答
0

该问题似乎是 iPad 上 Safari 的错误。

我没有找到在 html 中嵌入 pdf 的解决方案，但我确实找到了这个：

如果您从控制器操作而不是视图返回 FileStreamResult，则 pdf 将在新选项卡中打开，它不是嵌入的 html，但至少您的用户不必下载文件并手动打开它们。

于 2015-07-27T12:05:35.130 回答