Главная | Контакты | Настройки СМЕНИТЬ ПАЛИТРУ:

Главная > Программирование > HTML

Рекомендуемый способ встраивания PDF в HTML?

Вероятно, лучший подход-это использовать библиотеку pdf.js. Это чистый рендерер HTML5 / JavaScript для документов PDF без каких-либо сторонних плагинов.

Онлайн-демонстрация: http://mozilla.github.io/pdf.js/web/viewer.html
GitHub: https://github.com/mozilla/pdf.js

Это быстро, легко, по существу и не требует никакого стороннего скрипта:

<embed src="http://example.com/the.pdf" width="500" height="375" type="application/pdf">

Браузер Chrome на Android больше не поддерживает встраивание PDF. Вы можете обойти это с помощью Google Drive PDF viewer

<embed src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://example.com/the.pdf" width="500" height="375">

Вы также можете использовать Google PDF viewer для этой цели. Насколько я знаю, это не официальная функция Google (я ошибаюсь в этом?), но она работает для меня очень хорошо и гладко. Вам нужно загрузить свой PDF где-то раньше и просто использовать его URL:

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

У вас есть некоторый контроль над тем, как PDF появляется в браузере, передавая некоторые параметры в строке запроса. Я был счастлив этой работе, пока не понял, что она не работает в IE8.
Он работает в Chrome 9 и Firefox 3.6, но в IE8 он показывает сообщение "Insert your error message here, if the PDF cannot be displayed."
Однако я еще не тестировал старые версии ни одного из вышеперечисленных браузеров. Но вот код, который у меня есть в любом случае, на случай, если он кому-то поможет. Это устанавливает масштабирование на 85%, удаляет полосы прокрутки, панели инструментов и навигационные панели. Я обновлю свой пост, если наткнусь на что-то, что работает и в IE.

<object width="400" height="500" type="application/pdf" data="/my_pdf.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0">
    Insert your error message here, if the PDF cannot be displayed.
</object>
Рекомендуемый способ встраивания PDF в HTML?


Главная > Программирование > HTML