web-dev-qa-db-ja.com

PDF埋め込みはIE11では機能しませんが、DOMエクスプローラーでHTMLを編集すると機能します（F12-IEのデバッグツール）

Fiddle link "http://jsfiddle.net/Z99gr/2/ "これは私のコードと同様に、Gallerifficを使用して画像スライダーを作成しました。表示している画像と共に画像スライダーにPDF埋め込み。

Fiddleリンクと画像スライダーは、ChromeおよびFirefoxでは正常に動作しますが、IEではロードされません。IE 11でテストしています

IEで「DOMエクスプローラー（F12-IEのデバッグツール）」を開いて<div>には<embed>タグはPDF用で、コードの下に表示されます。

   <div id="pdf">
        <embed width="500" height="375" src="https://www.Adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" type="application/pdf">
        </embed>
    </div>

そして「DOMエクスプローラー（F12-IEのデバッグツール）」内でこのHTMLタグの内容を編集すると、PDFが読み込まれます。

これは、この問題の非常に奇妙な性質です。

この問題の解決方法がわかりません。

提案してください！

IE11で結果を下回っています：

enter image description here

結果は次のようになるはずです（Chromeからのスクリーンキャプチャ）： enter image description here

javascriptjqueryinternet-explorerembedgalleriffic
8
UID

PDF file IE using "<iframe>" 鬼ごっこ。

「<object> "および" <embed> "タグと<iframe>と、Firefox、ChromeおよびIEのすべての3つのブラウザで正常に動作しています。

IEに埋め込むには2つの方法がありますPDF IE。

1番目の方法：コールPDFで直接<iframe>

以下は更新されたコードです：

<div id="pdf">
   <iframe src="https://www.Adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
        <p>It appears your web browser doesn't support iframes.</p>
   </iframe>
</div>

2番目の方法：ブラウザーにPDFリーダーがない場合、ページ内のHTMLを呼び出すことができます<iframe> を含む <object> tag。

以下は2番目のオプションのコードです

    <div id="pdf">
          <iframe src="pdf.html" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
               <p>It appears your web browser doesn't support iframes.</p>
          </iframe>
   </div>

「pdf.html」のコード

<body>
    <object data="lorem.pdf" type="application/pdf">
        <p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href="lorem.pdf">Click here to download the PDF</a>. Or <a href="http://get.Adobe.com/reader/" target="_blank">click here to install Adobe Reader</a>.</p>
       <embed src="lorem.pdf" type="application/pdf" />
    </object>
</body>

これでうまくいきました!!!

これが実際の動作ですFiddle： http://jsfiddle.net/Z99gr/9/

それが将来他の人に役立つことを願っています！

23
UID

私のために働いた修正を見つけました...

IE11、Win7 Enterprise、およびアップデートしたばかりの最新バージョンのAdobe Reader XIを使用していました。

私が問題を抱えていたウェブサイトが<object> </object>組み込みを行うPDF（それが重要な場合は、CQ5コンポーネントでした）。

私はhtmlを変更する必要はありませんでした-これは私がしたことです：

1）IEのインターネットオプションに移動します

2）詳細に移動

3）「リセット...」をクリックします。また、主にIEを使用してWeb開発をテストしているため、それほど多くはないので、「個人設定の削除」をクリックしました...

4）コンピュータの再起動が必要なので、再起動してください。

5）戻ったら、IE11を開きます。

6）デフォルトの設定/アクセラレータを使用する場合は、プロンプトが表示されます。私はYESと言った（私は通常、これまでは常にNOと言っていた）。

7）サイトを開き、成功をお楽しみください。

このサンプルサイトも修正されたので、何か良いことが起こったことがわかります。 http://acroeng.Adobe.com/Test_Files/browser_tests/embedded/embed2.html

レジストリで "TabProcGrowth"の修正（以前に見つけた他のいくつかの解決策）を試しましたが、それもうまくいきませんでした。 IEをリセットするだけでうまくいきました。

0
Ralph N

ソリューション：Adobe acrobatリーダーをインストールします。

IEはインストールされているすべてのリーダーを使用して埋め込みまたはネイティブに開かれたPDFを表示しますが、Chrome、Edge、およびその他の最新のブラウザーにはPDFビューアが付属しています。一種の。

0
gunslingor

今後この問題が発生する場合は、イントラネットサイトの互換モードをオフにする必要があります。

[ツール]> [互換表示設定]> [互換表示でイントラネットサイトを表示する]をオフにします

開発者ツールは互換性ビューを上書きし、IE11でページを表示します。互換性により、ページはIE5として表示されます

0
Haros