嵌入标签不在移动浏览器上显示 pdf 文件答案

【问题标题】：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>

【讨论】：

我试过同样的方法，但没有结果。它只显示下载它的选项，我现在不想使用它。还有其他选择吗？
但是，p和a标签不能在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】：

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

【讨论】：

【解决方案4】：

<object> 标签将不会在移动 chrome 上显示 pdf；解决方法是使用<iframe>:

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

【讨论】：