Fancybox 打开 pdf 无法在移动设备上运行？

Posted 2023-05-09

【中文标题】Fancybox 打开 pdf 无法在移动设备上运行？

【英文标题】：Fancybox to open pdf won't work on mobile devices?

【发布时间】：2014-06-30 01:25:54

【问题描述】：

我正在使用 fancybox 来显示 pdf。

而且它工作正常，当我点击带有 class="fancybox_pdf" 的链接时，pdf 会像我想要的那样打开！

问题出在移动设备上，我也在我的智能手机上进行了测试，当我点击打开带有 class="fancybox_pdf" 的链接时，pdf 被传输，fancybox 打开为空，.

你知道这是否正常吗？ Fancybox 无法在移动设备上打开 pdf？

（如果我为桌面上的移动版本调整浏览器的大小，带有pdf的fancybox也可以正常工作）

这是我的html：

<nav id="menu">
    <ul>    
      <li><a href="index.php">Home</a></li>
      <li><a class="fancybox_pdf" href="../pdf/pdf1.pdf">PDF 1</a></li>
      <li><a class="fancybox_pdf" href="../pdf/pdf2.pdf">PDF 2</a></li>
      <li><a class="fancybox_pdf" href="../pdf/pdf3.pdf">PDF 3</a></li>
   </ul>
</nav>

我有这个 jQuery 脚本：

 $(".fancybox_pdf").fancybox(
        width: '80%',
        height: '80%',
        autoSize: false,
        type: 'iframe',
        iframe: 
            preload: false
         
);

【问题讨论】：

这对您在移动设备上是否有效jsfiddle.net/wdnEM/2/show ？

感谢您的回答 JFK。使用您给我的那个 jsfiddle，发生了与我的示例相同的事情。我开始下载 pdf，fancybox 打开为空白！

你的手机安装adobe reader了吗？

我没有，现在下载了，问题依旧：/

什么移动设备？你能分享一个链接吗？

【参考方案1】：

“PDF 查看器”（移动浏览器中的应用程序）似乎存在多个问题。尽管他们中的大多数人都支持iframe，但似乎他们中的大多数人都无法将“PDF 查看器”嵌入到自身中。

但在这里我找到了一个非常有前途的替代解决方案，仅基于 html5 和 javascript：PDF.js

您需要在您的网络服务器和github 上获得一些访问权限才能安装它。