【问题标题】:embed tag not displaying pdf file on mobile browsers嵌入标签不在移动浏览器上显示 pdf 文件
【发布时间】:2013-08-25 19:23:41
【问题描述】:

我使用 embed 标签在我的 html 页面上显示 pdf 文件,它在台式机和笔记本电脑浏览器上很好地显示了 pdf 文件,但在 moblie 和 talbets 上没有显示 pdf 文件,有什么办法可以吗?让它们也出现在手机上。 以下是相关代码:

<embed src="assets/img/jimbosmenu.pdf" width="900" height="900">

这里是实时页面的链接。 http://jimbosjoint.com/menu

【问题讨论】:

    标签: javascript html css


    【解决方案1】:

    你需要使用object,而不是embed

    <object data="filename.pdf" type="application/pdf" width="100%" height="100%">
      <p>Your web browser doesn't have a PDF plugin.
      Instead you can <a href="filename.pdf">click here to
      download the PDF file.</a></p>
    </object>
    

    【讨论】:

    • 我试过同样的方法,但没有结果。它只显示下载它的选项,我现在不想使用它。还有其他选择吗?
    • 但是,pa标签不能在object标签内使用!
    • 我试过对象,它不起作用。我也尝试过 iframe,但这只会给我一个找不到页面的错误,尽管 pdf 存在于指定的源中.....知道为什么吗?
    • 谢谢凯文。在 2020 年对我来说仍然可以正常工作。
    • 2021 年无法使用。在网络移动端,它只显示下载选项
    【解决方案2】:

    像这样从谷歌文档中显示它:

    <object width="900" height="900" data="https://docs.google.com/gview?embedded=true&url=http://jimbosjoint.com/assets/img/jimbosmenu.pdf"></object>
    

    【讨论】:

    【解决方案3】:

    &lt;embed&gt; 标记已过时。考虑使用&lt;object&gt; 标签。但是,链接到 PDF 文件可能是更好的选择,以便移动用户可以全屏查看。

    【讨论】:

      【解决方案4】:

      &lt;object&gt; 标签将不会在移动 chrome 上显示 pdf;解决方法是使用&lt;iframe&gt;:

      <iframe src="filename.pdf" title='SOME_TITLE' />
      

      【讨论】:

        猜你喜欢
        • 2016-07-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-09-08
        • 1970-01-01
        相关资源
        最近更新 更多