iframe pdf无法在移动设备上正确显示

Question

我有一个应用程序，它是显示网页的网络视图。在页面中，我使用以下内容显示pdf文档：

<iframe id="pdfReport" class="pdfFrame"></iframe>

当页面加载给定路径的pdf时，会在iframe中显示。

$(window).on('load', function() {
    var pdfDoc = pathToPdf
    document.getElementById('pdfReport').src = pdfDoc;
});

如果使用PC或笔记本电脑上的浏览器查看，则显示效果很好-文件名，页数等：

如果使用iPad（Chrome或Safari）查看，则仅显示第1页，其中包含滚动，无边框，文件名，页数等：

如何使pdf在设备中正确显示？

Answer 1

您尝试过Google Doc Viewer吗？

$(window).on('load', function() {
    var pdfDoc = "https://www.yourpdf.com/";
    var pathToPdf =  "http://docs.google.com/viewer?url=" + pdfDoc + "&embedded=true";
    var pdfDoc = pathToPdf
    document.getElementById('pdfReport').src = pdfDoc;
});