Chrome 和 Edge 中大型 PDF 文件加载难题：如何解决？

在 Chrome 和 Edge 的 iframe 中加载大型 PDF 文件的难题

引言

对于应用程序开发人员而言，在同一浏览器窗口中加载 PDF 文档是一个常见的需求。通过 iframe 嵌入 PDF 文件是实现这一目标的一种简单方法。然而，在 Chrome 和 Edge 中，可能会遇到一个令人头疼的问题：当 PDF 文件超过 6MB 时，iframe 无法渲染它们。

问题调查

此问题似乎是由 Chromium 引擎本身的限制造成的，无论使用 iframe 还是 embed 标签都会出现。即使在较新的 Chromium 版本中，问题仍然存在，表明这并不是一个容易解决的错误。

解决方案探讨

尽管 Chrome 和 Edge 还没有官方确认此问题，但有一些变通方法可以解决此问题：

1. 服务器端转换

一种方法是将 PDF 文件转换为更小的格式，例如 PNG 或 JPG。这可以通过在服务器端使用第三方库（如 ImageMagick 或 Ghostscript）来实现。

2. 分块加载

对于需要保留 PDF 文件格式的情况，可以将大文件分成较小的块，并在 JavaScript 中逐步加载这些块。这需要使用 File API 和分块请求来实现。

3. 第三方查看器

另一个选择是集成第三方 PDF 查看器库，例如 PDF.js。这些库可以处理大型 PDF 文件，并在浏览器中提供可交互的查看体验。

4. iframe 高度设置

最后，在 iframe 中设置显式高度值可以防止 iframe 随着加载内容而动态调整大小。这可以解决在某些情况下导致 iframe 无法渲染的问题。

结论

虽然 Chrome 和 Edge 中加载大型 PDF 文件的 iframe 问题还没有明确的答案，但以上解决方案可以有效地解决这个问题。通过选择最适合您的特定应用程序的方法，您可以确保在这些浏览器中顺畅显示 PDF 文档。

常见问题解答

1. 为什么会出现这个问题？

这个问题是由 Chromium 引擎中的限制造成的，当 PDF 文件超过 6MB 时，就会触发这个限制。

2. 有什么其他解决方案？

除了上述解决方案外，还可以尝试使用 WebAssembly 或 Emscripten 将第三方 PDF 查看器编译为本机代码。

3. 为什么分块加载在大型 PDF 文件上效果较好？

分块加载将文件分成较小的块，从而减少了浏览器一次加载和处理的数据量，从而减轻了内存压力。

4. 第三方 PDF 查看器的优点是什么？

第三方 PDF 查看器通常提供更多的功能和交互性，例如注释、搜索和导航。

5. 如何选择最合适的解决方案？

选择最合适的解决方案取决于应用程序的特定需求。对于简单的文档查看，服务器端转换或第三方查看器可能就足够了。对于需要分块加载或更多交互性的应用程序，分块加载或第三方查看器可能是更好的选择。