<embed> ve <object>

Adobe PDF görüntüleyicisini görüntülemek istediğimde HTML dosyamda kullanılacak doğru / en iyi etiket hangisi?

Şu anda aşağıdaki kodu kullanıyorum, ancak garip yan etkileri var (örneğin, başka bir <input>metin kutusuna ayarladığım başlangıç ​​odağını çalıyor gibi görünüyor; jQueryUI Resizeable sınıfıyla çok iyi oynamıyor gibi görünmüyor; vb.)

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

<object>Etikette de aynı şeyi yapabilir miyim ? Bir etiketi diğerine karşı kullanmanın avantajları / dezavantajları var mı?

NEDEN ve EMBED - neden her zaman embed kullanmıyor?

Alt satır: NESNE İyi, EMBED Eski. IE'nin PARAM etiketlerinin yanı sıra, tarayıcı OBJECT'in belirtilen eklentisini desteklemiyorsa, OBJECT etiketleri arasındaki herhangi bir içerik oluşturulur ve görünüşe göre içerik, oluşturulup oluşturulmadığına bakılmaksızın http istenir.

objectsayfaya bir şey gömmek için geçerli standart etikettir. embedNetscape (boyunca tarafından dahil img) böyle bir şey daha önce objectvardı W3C zihin.

Şu şekilde bir PDF eklersinizobject :

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

Eski tarayıcıların hemen hemen her tarayıcıda gösterilmesi için gerçekten PDF'ye ihtiyacınız varsa , eski tarayıcıların anladığı gibi embeddeğil object, bunu yapmanız gerekir:

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

Bu sürüm geçerli değil .

Diğer bazı seçenekler:

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

Bu, çapraz tarayıcı uyumlu olmasa da iframe yöntemini de kullanabilirsiniz (örn. Krom veya android ve muhtemelen diğerleri -> yerine indirmeyi ister). DataURL ve normal URL'lerle çalışır, diğer örneklerin dataURLS ile çalışıp çalışmadığından emin değilim (lütfen diğer örneklerin dataURLS ile çalışıp çalışmadığını bize bildirin?)

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

Muhtemelen web sayfalarında pdf görüntüleme için en iyi çapraz tarayıcı çözümü Mozilla PDF.js proje kodunu kullanmaktır, bir node.js hizmeti olarak çalıştırılabilir ve aşağıdaki gibi kullanılabilir

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

Bu ejectamenta blog makalesinde pdf.js'nin nasıl kullanılacağına dair bir eğitim bulabilirsiniz

Gömme, nesne olsa da standart bir etiket değildir. İşte size yardımcı olacak gibi görünen bir makale , çünkü durum o kadar basit değil. PDF için bir örnek dahildir.