PDF embed не работает в IE11, но работает при редактировании HTML в DOM Explorer (F12-debug tool of IE)

вот ссылка на скрипку "http://jsfiddle.net/Z99gr/2/" который похож на мой код, я создал слайдер изображения с помощью Galleriffic. В слайдере изображений вместе с изображениями я показываю встроенный PDF.

Скрипка ссылка и мой слайдер изображения отлично работает в Chrome и Firefox, но в IE я его не загружаю. Я тестирую в IE 11

в IE, когда я открываю "DOM Explorer (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>

и когда я просто редактирую что - либо в этом HTML-теге в "DOM Explorer (F12-debug tool of IE)", он загружает PDF.

Это очень странный характер этой проблемы.

Я не понимаю, как исправить эту проблему.

пожалуйста, предложите!

Я получаю ниже результатов inm ИЕ11:

enter image description here

где в качестве результатов должно быть что-то вроде этого (его screencapture из Chrome): enter image description here

7
embed galleriffic internet-explorer javascript jquery

2 ответов

теперь я смог вставить PDF-файл IE, используя"<iframe>" тега.

Я заменил "<object>" и "<embed>" тега <iframe> и теперь он отлично работает со всеми браузерами 3, Firefox, Chrome и 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, то u может позвоните в 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>

это работает для меня!!!

вот рабочая Скрипка:http://jsfiddle.net/Z99gr/9/

надеюсь, это будет полезно для других в будущем!

17

нашел исправление, которое сработало для меня...

я использовал IE11, Win7 enterprise и последнюю версию adobe reader XI, которую я только что обновил.

веб-сайт, с которым у меня была проблема, использовал <object></object> сделать вложенный PDF (это был компонент CQ5, если это имеет значение).

мне не нужно было изменять html - это то, что я сделал:

1) Перейдите к параметрам интернета в IE

2) Перейти к Advanced

3) Нажмите кнопку "Сброс...". Я также нажал "удалить личные настройки", так как я в основном использую IE для тестирования веб-разработки, поэтому там не так много...

4) требуется перезагрузка компьютера, поэтому сделайте это.

5) Когда вы вернетесь, откройте IE11.

6) он предложит вам, если вы хотите использовать его настройки по умолчанию / ускорители. Я сказал " Да "(в прошлом я всегда говорил "нет").

7) Откройте сайт и наслаждайтесь успехом.

Он также исправил этот пример сайт для меня, поэтому я знаю, что произошло что-то хорошее. http://acroeng.adobe.com/Test_Files/browser_tests/embedded/embed2.html

Я попытался сделать исправление "TabProcGrowth" в реестре (какое-то другое решение, которое я нашел ранее), но это тоже не сработало. Только сброс IE для царапин работал для меня.

0