Object 在引导式手风琴中加载PDF

我一直在尝试加载一些PDF文件，这些文件将显示在引导手风琴中。问题是，根据浏览器的不同，它们的加载方式有很多种。我一直在尝试使用不同结果的iframe和object html标记，我在Safari中拥有巨大的流量，当我将PDF嵌入面板时，手风琴功能完全中断

所以我想我的问题是：为了让嵌入式PDF在Chrome、Safari、IE11和Firefox中工作，有没有关于交叉排列的标准

---

因为我需要这个手机，所以情况更糟。一些建议将非常感谢。

使用类“panel body”创建一个canvas元素，并给它一个您选择的id。然后将以下代码添加到document ready事件中

PDFJS.getDocument('YOURPDF.pdf').then(function(pdf) {
    pdf.getPage(1).then(function(page) {
        var scale = 1;
        var viewport = page.getViewport(scale);
        var canvas = document.getElementById('pdfOne'); // The id of your canvas
        var context = canvas.getContext('2d');
        canvas.height = viewport.height;
        canvas.width = viewport.width;
        var renderContext = {
          canvasContext: context,
          viewport: viewport
        };
        page.render(renderContext);
    });
}); 

---

这将得到呈现的第一页。您需要创建按钮，让用户浏览文档，但根据我提供的内容和示例，这应该很容易实现。

看看PDF.js。它将在不使用内置PDF查看器或浏览器插件的情况下呈现PDF。这是我发现的唯一一种让PDF呈现一致性的方法。。。如果不是完美的。。。在主要浏览器中。我没有添加这个作为答案，因为它可能实际上不适用于您特定的PDF文件。我会尝试一下（实现tho看起来有点复杂），但您认为PDF.js不适用于我特定情况的具体原因是什么？谢谢@js没有实现完整的PDF规范。它对大多数东西都很有效，但如果你使用某些透明度模式或其他高级颜色的东西，你可能不会得到与AdobeReader相同的结果。而且PDF.js非常简单。这样的URL就可以了。。。。谢谢@joelgeraci，我只是想了解如何将它集成到我的应用程序中，我只需要在html中添加.js文件，然后调用，我从json文档中获取pdf src。再次感谢您的反馈！是的，这就是你所需要做的。看看他们的查看器示例。