Я пытаюсь отобразить PDF на своем веб-сайте.Предлагаемое мной простое решение - использовать тег object.Это нормально отображается во всех основных браузерах настольных компьютеров, но на мобильных устройствах он работает.
Один из основных способов обхода, который я вижу, - это что-то вроде этого:
<object data="myfile.pdf" width="100%" height="800">
<p>Your browser doesn't support this feature.</p>
<a href="myfile.pdf">Download PDF Instead.</a>
</object>
Что бы я хотелбудьте довольны только тем, что пользователи скачивают файл для просмотра в полноэкранном режиме на мобильных устройствах в любом случае, поскольку адекватное чтение в теле было бы практически невозможным.
Но мобильные устройства, похоже, ... своего рода поддержкатег объекта?Я не уверен, что темы, которые я видел, устарели относительно поддержки мобильных устройств, или никто не удосужился протестировать решения.Мобильные устройства не отображают запасной текст, а вместо этого отображают большой экран первой страницы PDF.Это не то, с чем пользователь может взаимодействовать.
В идеале я хотел бы сделать это без каких-либо вспомогательных библиотек, использующих только основные HTML / CSS / JS.Я знаю pdf.js и некоторые другие опции, но хочу сделать это как можно проще.