嵌入标签在移动浏览器上无法显示PDF文件

Question

我在HTML页面上使用了嵌入标签来显示PDF文件，在桌面和笔记本电脑浏览器上，它可以很好地显示PDF文件，但在移动设备和平板电脑上却无法显示。有没有办法让它们也能在移动设备上显示？以下是相关的代码：

我在HTML页面上使用了嵌入标签来显示PDF文件，在桌面和笔记本电脑浏览器上，它可以很好地显示PDF文件，但在移动设备和平板电脑上却无法显示。有没有办法让它们也能在移动设备上显示？以下是相关的代码：

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

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

- Siddharth Sharma

Answer 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>

- Kevin Lynch

---

我尝试了相同的方法但没有结果。它只显示下载选项，我现在不想使用它。还有其他选项吗？ - Alejo_Blue

但是，在object标签内不能使用p和a标签！ - Rohit Sharma

我已经尝试了object，但它不起作用。我也尝试了iframe，但那只给了我一个页面未找到的错误，尽管pdf存在于指定的源中...你有什么想法吗？ - akshay kishore

谢谢Kevin。在2020年，它对我来说仍然很好用。 - Els den Iep

2021年无法正常工作。在移动网页上，只显示下载选项。 - Fai Zal Dong

2023年无法工作。 - gfels

Answer 2

像这样从 Google 文档中显示：

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

- Tuxes3

---

<a href="assets/img/jimbosmenu.pdf" >下载</a> - Tuxes3

祝福，工作2022 - Shimsho

Answer 3

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

- mynetx

Answer 4

我找到了一个解决方案，虽然不是最好的，但我使用了这个。 将PDF文件转换为JPG。这里有一个网站，你可以从多页PDF文件制作一张长图。之后你可以应用overflow: auto;并滚动它。 从PDF制作长图

- Zoltán Fodor

---

这个回答并没有回答问题，并且更适合作为原问题下的评论。 - undefined

Answer 5

<object>标签在移动版Chrome上无法显示PDF文件；解决方法是使用<iframe>标签：

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

- Mechanic