embedded与对象

当我想要显示Adobe PDF查看器时，在我的HTML文件中使用的是正确/最佳标记？ 现在我正在使用下面的代码，但有一些奇怪的副作用（例如，它似乎窃取了我已经设置到另一个INPUT文本框的起始焦点;它似乎并不能很好地使用jQueryUI Resizeable类等）

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

我甚至可以用OBJECT标签做同样的事情吗？ 使用一个标签与另一个标签是否有优势/劣势？

Answer 1

对象与EMBED – 为什么不总是使用embedded？

底线：OBJECT是好的，EMBED是老的。 除IE的PARAM标签之外，如果浏览器不支持OBJECT的被引用的插件，那么OBJECT标签之间的任何内容都将被渲染，显然，无论是否呈现，内容都会被http请求。

object是当前在页面上embedded内容的标准标记。 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> 

这个版本不validation 。

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和普通的URL，不知道其他的例子是否适用于dataURLS（请让我知道其他例子是否适用于dataURLS？）

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

Answer 4

embedded不是一个标准的标签，虽然对象是。 这里有一篇看起来会帮助你的文章 ，因为看起来情况并不那么简单。 包括一个PDF的例子。

Answer 5

在网页上用于pdf显示的最好的交叉浏览器解决scheme可能是使用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> 

在这个ejectamenta博客文章中可以find关于如何使用pdf.js的教程