открыть pdf в iphone webapp

Question

Я пытаюсь открыть pdf-файл из своего веб-приложения JQM. Я пробовал iframes/embed/object, и никто из них не работает на iphone, как в браузере рабочего стола (прокрутка, масштабирование и т. Д.). Я решил просто открыть PDF по ссылке <a href="mypdf.pdf">Link</a>. Это отлично работает в стандартном браузере, потому что пользователь может просто использовать кнопку «Назад» браузера, чтобы перейти к моему приложению.

Проблема, с которой я столкнулась, заключается в том, что когда пользователь сохраняет страницу на своем домашнем экране и открывает ее с помощью браузера Safari без хрофита, у них больше нет кнопки возврата к браузеру. Я попытался добавить target="_blank" к ссылке, но, судя по всему, JQM захватывает ссылку и препятствует открытию новой страницы, и мне не удалось заставить хаки работать.

Я также попробовал pdf.js, но я не могу даже представить, что это работает, поскольку мои знания javascript довольно ограничены, а примеры довольно продвинуты. Единственный учебник, который я нашел, использовал старую версию, с которой я не мог работать.

Есть ли способы обойти JQM при открытии ссылки в новом окне (которое, в свою очередь, будет открыто в мобильном сафари, а не в моем бескамерном веб-приложении), или есть какие-либо другие предложения о том, как открыть pdf-файл от webapp?

Answer 1

Просто отключите поведение jQuery Mobile по умолчанию, указав data-ajax=false.

Например:

<a href="somefile.pdf" data-ajax="false">Link</a> 

См http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html

Answer 2

Для моего WebApps я использовал https://docs.google.com/viewer вставлять PDF в мой интерфейс. Итак, когда я перемещаюсь по webApp по значку на главном экране, приложение не закрывается при открытии pdf.

Answer 3

Я встретил тот же вопрос: open pdf in webapp with html5.

Я пробовал несколько решений: iframe, embed, pdf.js, но ни одно из них не является лучшим решением.

tips: iOS 9.x верхний, открытый pdf с iframe показывает только первую страницу pdf-файла, и при отладке тега iframe будет тег <img />.

Теперь у меня есть эта проблема, у кого есть решение, пожалуйста, напишите свой опыт здесь.

Спасибо.