Хотите встроить PDF в мою HTML-страницу. Он отлично отображается в браузере ноутбука, но в мобильном браузере загружается, а не открывается - PullRequest
Новая
       1

Хотите встроить PDF в мою HTML-страницу. Он отлично отображается в браузере ноутбука, но в мобильном браузере загружается, а не открывается

0 голосов
/ 13 марта 2019

Это мой код, который я использовал. 

<html>
<body>
    <object width="400" height="400" data="pdf/1.pdf" type="application/pdf><embed src="pdf/1.pdf" type="application/pdf" /></object>
</body>

Ответы [ 2 ]

0 голосов
/ 13 марта 2019

Я думаю, вам стоит открыть его в Google Docs

. 
<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>
0 голосов
/ 13 марта 2019

Большинство популярных мобильных браузеров изначально не поддерживают открытие PDF-файлов во встроенном режиме.Вместо этого файл загружается, и это то, что вы, похоже, испытываете.

Одним из возможных путей решения этой проблемы является использование Google Docs Viewer.Это можно сделать, передав URL-адрес вашего PDF-файла в строку запроса для Google Docs Viewer: 

https://docs.google.com/viewerng/viewer?url=http://link-to-your-pdf-file

Если вы хотите сделать это только в мобильных браузерах, вы можете добавить фрагмент JavaScript для проверкистрока пользовательского агента: 

if (navigator.userAgent.match(/Android/i)
   || navigator.userAgent.match(/webOS/i)
   || navigator.userAgent.match(/iPhone/i)
   || navigator.userAgent.match(/iPad/i)
   || navigator.userAgent.match(/iPod/i)
   || navigator.userAgent.match(/BlackBerry/i)
   || navigator.userAgent.match(/Windows Phone/i)
 ) {
    // use the Google Docs Viewer URL
} else {
    // use the regular URL
}

Другой подход может заключаться в использовании библиотеки JS, такой как PDFJs: https://mozilla.github.io/pdf.js/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...