EMBED与OBJECT(EMBED vs. OBJECT)

这是在我的HTML文件中使用时，我想显示的Adobe PDF浏览器右侧/最好的标签？ 现在，我使用下面的代码，但也有奇怪的副作用（例如，它似乎偷，我已经设置为其他文本框中输入起点焦点;它似乎并没有与jQueryUI的可调整大小的课堂上播放真正的好等等）

<embed src="abc.pdf" type="application/pdf" />

我甚至可以做的OBJECT标签是一回事吗？ 是否有优势/劣势使用一个标签与其他？

Answer 1:

对象与嵌入-为什么不总是使用嵌入？

底线：OBJECT好，嵌入是旧的。 旁边的IE PARAM标记，如果浏览器不支持对象的简称插件对象标记之间的任何内容都会得到渲染，显然，内容获取HTTP，如果它得到呈现与否，无论请求。

object是目前标准的标签嵌入在页面上的东西。 embed被列入由Netscape（沿img ）像什么之前， object是在W3C的头脑。

这是你如何有一个PDF object ：

<object data="data/test.pdf" type="application/pdf" width="300" height="200">
  alt : <a href="data/test.pdf">test.pdf</a>
</object>

如果你真的需要内嵌PDF几乎所有浏览器中显示，因为旧的浏览器了解embed但不object ，你需要这样做：

<object data="abc.pdf" type="application/pdf">
    <embed src="abc.pdf" type="application/pdf" />
</object>

此版本不验证 。

Answer 2:

其他一些选项：

<object type="application/pdf" data="filename.pdf" width="100%" height="100%">
</object>

<object type="application/pdf" data="#request.localhost#_includes/filename.pdf" 
        width="100%" height="100%">
  <param name="src" value="#request.localhost#_includes/filename.pdf">
</object>

Answer 3:

你也可以使用iframe的方法，虽然这不是跨浏览器兼容的（如铬或Android和其他可能无法正常工作。 - >而不是提示下载）。 它的工作原理与dataURL的和正常的网址，不知道其他的例子有dataURLS工作（请让我知道，如果其他的例子有dataURLS工作？）

 <iframe class="page-icon preview-pane" frameborder="0" height="352" width="396" src="data:application/pdf;base64, ..DATAURLHERE!... "></iframe>

Answer 4:

可能是PDF显示效果最好的跨浏览器解决方案在网页上是使用Mozilla PDF.js项目的代码，它可以运行作为Node.js的服务和使用方法如下

<iframe style="width:100%;height:500px" src="http://www.mysite.co.uk/libs/pdfjs/web/viewer.html?file="http://www.mysite.co.uk/mypdf.pdf"></iframe>

关于如何使用pdf.js的讲解可以在本作中找到ejectamenta博客文章

Answer 5:

嵌入不是标准的标签，虽然对象。 下面是一篇文章 ，看起来像它会帮助你，因为它似乎情况并非如此简单。 对于PDF的例子包括在内。

文章来源: EMBED vs. OBJECT