Bir sayfaya bir PDF görüntüleyici nasıl eklenir?

Yanılmıyorsam, Google Dokümanlar, web sayfasıyla aynı sunucuda depolanan bir PDF'yi bir aracılığıyla görüntüleme yolunu sunuyor <iframe>, ancak bunu tarayıcılar arası uyumlu bir şekilde nasıl yapabileceğimi bilmem gerekiyor.

PDFObject by Philip Hutchison kullanmayı düşünebilirsiniz .

Alternatif olarak, Javascript olmayan bir çözüm arıyorsanız, aşağıdaki gibi işaretlemeyi kullanabilirsiniz:

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
  <p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p>
</object>

PDF.js , yerel kod yardımı olmadan, güvenilir ve verimli bir Taşınabilir Belge Biçimi (PDF) oluşturucu oluşturmayı araştıran bir HTML5 teknoloji deneyidir. Topluluk tarafından yönlendirilir ve Mozilla Labs tarafından desteklenir.

Demoyu burada görebilirsiniz .

Bu, bu şekilde biraz daha iyi çalışabilir

<embed src= "MyHome.pdf" width= "500" height= "375">

Yanılmıyorsam OP, Google'ın gömülü PDF görüntüleme sunucusunun kendi web sitesinde bir PDF görüntüleyip görüntülemeyeceğini soruyordu (daha sonra bir .js çözümünü kabul etse de).

Yani, bir buçuk yıl sonra: evet, olacak.

Bkz. Http://googlesystem.blogspot.ca/2009/09/embeddable-google-document-viewer.html . Ayrıca https://docs.google.com/viewer adresine bakın ve görüntülemek istediğiniz dosyanın URL'sini ekleyin.

Düzenleme: Yeniden okurken OP, iFrame kullanmayan çözümler istiyordu. Google'ın görüntüleyicisiyle bunun mümkün olduğunu sanmıyorum.

Flex Paper'ı deneyin http://flexpaper.devaldi.com/

karalama gibi çalışır

Herhangi bir çözümü farklı Reader tercihlerinde test ettiğinizden emin olun. Bir site ziyaretçisi, tarayıcısını, tarayıcının aksine, örneğin Firefox'ta Acrobat eklentisini devre dışı bırakarak Reader / Acrobat'ta açacak şekilde ayarlayabilir.

Sonuçlarımdan emin olamıyorum, çünkü Firefox'un Adobe Acrobat ve Adobe Reader'ın farklı sürümlerine sahip olmam nedeniyle tanıdığı iki farklı Acrobat eklentim var, ancak en azından bir web sitesi ziyaretçisi olduğunda ne olacağını test etmeniz gerekiyor gibi görünüyor. tarayıcısı, PDF'yi tarayıcıda açmayacak şekilde ayarlanmış. Başka türlü kullanılabilir bir web sayfasına baktıklarında ve tarayıcılarının, istemediklerini düşündükleri bir PDF dosyasını açmaları için onları rahatsız etmeleri oldukça can sıkıcı olabilir. Bazı durumlarda, PDF dosyası tarayıcıda değil, Adobe Reader'da kendiliğinden açıldı ve bazı durumlarda tarayıcı dosyanın var olmadığını söyleyen bir iletişim kutusu açtı.

Hem iframe hem de nesne ile bu tür uyumsuzluklarla karşılaştım, farklı kodlar için farklı sorunlar.

Bu, basit HTML kodu içindir. Önerilen çerçeveleri denemedim.

FlowPaper'ı, özellikle de burada bulunan yeni Elements modunu gerçekten tercih ederdim: https://flowpaper.com/demo/

Metni net tutarken aynı zamanda PDF'leri önemli ölçüde düzleştirir, bu da mobil cihazlarda çok daha hızlı yükleneceği anlamına gelir

bootstrap kullanarak duyarlı ve mobil bir ilk gömülü dosyaya sahip olabilirsiniz.

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="address of your file" allowfullscreen></iframe>
</div>

Aspect ratios can be customized with modifier classes.
<!-- 21:9 aspect ratio -->
<div class="embed-responsive embed-responsive-21by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

<!-- 1:1 aspect ratio -->
<div class="embed-responsive embed-responsive-1by1">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

coolwanglu tarafından hazırlanan pdf2htmlEX, bir pdf dosyasını html'ye dönüştürmek için muhtemelen en iyi çözümdür. Basit bir dönüştürme yapabilir ve ardından html sayfasını bir iframe veya benzeri bir şey olarak yerleştirebilirsiniz.