div - title html attribute

EMBEDIDO vs. OBJETO

Question

¿Cuál es la etiqueta correcta / mejor para usar en mi archivo HTML cuando quiero mostrar el visor de Adobe PDF? En este momento estoy usando el siguiente código, pero hay efectos secundarios extraños (por ejemplo, parece robar el foco de inicio que he establecido en otro cuadro de texto INPUT; no parece funcionar muy bien con la clase jQueryUI Resizeable ; etc.)

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

¿Podría hacer lo mismo con la etiqueta OBJECT? ¿Hay ventajas / desventajas en el uso de una etiqueta frente a la otra?

Answer 1

Algunas otras opciones:

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

Embed no es una etiqueta estándar, aunque el objeto sí lo es. Aquí hay un artículo que parece que lo ayudará, ya que parece que la situación no es tan simple. Un ejemplo para PDF está incluido.

Answer 3

Probablemente, la mejor solución de navegador cruzado para la visualización de PDF en páginas web es utilizar el código del proyecto Mozilla PDF.js, puede ejecutarse como un servicio node.js y utilizarse de la siguiente manera

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

Un tutorial sobre cómo usar pdf.js se puede encontrar en este artículo del blog de ejectamenta

Answer 4

También puede usar el método de iframe, aunque no es compatible con varios navegadores (por ejemplo, no funciona en cromo o android y probablemente en otros -> en su lugar solicita la descarga). Funciona con URL de datos y URL normales, no estoy seguro si los otros ejemplos funcionan con dataURLS (por favor, avíseme si los otros ejemplos funcionan con dataURLS?)

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

Answer 5

OBJETO vs. EMBEDADO: ¿por qué no utilizar siempre la inserción?

En pocas palabras: OBJECT es bueno, EMBED es viejo. Al lado de las etiquetas PARAM de IE, cualquier contenido entre las etiquetas OBJECT se renderizará si el navegador no admite el complemento referido de OBJECT, y aparentemente, el contenido recibe la solicitud de http, independientemente de si se procesa o no.

object es la etiqueta estándar actual para incrustar algo en una página. embed fue incluido por Netscape (junto a img ) antes de que algo como object estuviera en la mente de w3c .

Así es como incluye un PDF con un object :

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

Si realmente necesita que el PDF en línea se muestre en casi todos los navegadores, ya que los navegadores más antiguos entienden el embed pero no el object , deberá hacer esto:

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

Esta versión no valida