50

PDF を HTML ドキュメントに埋め込もうとしていますが、これは Chrome でしか機能しないようです。他のブラウザは、プラグインを必要とするか、ユーザーがリンクをクリックする必要があるように見えますが、これは私が望んでいるものではありません。これが私が試したことです:

<object data="pdfFiles/interfaces.pdf" type="application/pdf">
    <embed src=" pdfFiles/interfaces.pdf" type="application/pdf">&nbsp;</embed>
                    alt :<a href="pdfFiles/interfaces.pdf">
</object>
4

6 に答える 6

60

すべてのブラウザで使用できるコードは次のとおりです。

<embed src="pdfFiles/interfaces.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

Firefox と Chrome でテスト済み

于 2013-02-04T16:15:59.900 に答える
55
<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Google ドキュメントでは、iframe でサービスにリンクするだけで、PDF、Microsoft Office Docs、およびその他のアプリケーションを埋め込むことができます。使いやすく、用途が広く、魅力的です。

于 2015-04-28T15:00:14.360 に答える
28

これは完全に機能し、これは公式の html5 です。

<object data="https://link-to-pdf"></object>
于 2016-05-09T14:20:54.523 に答える
6

PDF プラグインの検出にはPDFObjectを使用することをお勧めします。

ただし、ユーザーのブラウザーが PDF を直接表示できない場合にのみ、代替コンテンツを表示できます。たとえば、ほとんどのユーザーにとって PDF は Chrome で問題なく表示されますが、Firefox や Internet Explorer を使用している場合は、Adobe Reader などのプラグインをインストールする必要があります。

少なくとも PDFObject を使用すると、ブラウザに PDF プラグインがインストールされていない場合に、Adobe Reader および/または PDF ファイル自体をダウンロードするためのリンクを含むメッセージを表示できます。

于 2013-02-04T16:20:41.827 に答える
-1

FlexPaper は、おそらく、この種のものに使用するのに最適なビューアーです。Flash と html5 の両方で、従来のビューアーと、より多くのターン ページ/パラパラ漫画スタイルのビューアーを備えています。

http://flexpaper.devaldi.com

于 2013-10-03T03:21:33.317 に答える