2013-03-20 4 views
1

JQM webapp에서 pdf를 열려고합니다. iframe/embed/object를 시도해 보았습니다. 데스크탑 브라우저 (스크롤, 확대/축소 등) 에서처럼 아이폰에서 작동하는 것도 없습니다. 나는 단순히 <a href="mypdf.pdf">Link</a> 링크를 통해 pdf를 여는 것으로 정착했다. 사용자가 간단히 브라우저의 뒤로 버튼을 사용하여 내 앱으로 돌아갈 수 있기 때문에 표준 브라우저에서는 정상적으로 작동합니다.iphone webapp에 pdf 파일 열기

내가 겪고있는 문제는 사용자가 자신의 홈 화면에 페이지를 저장하고 크롬없는 사파리 브라우저를 사용하여 열면 더 이상 브라우저의 뒤로 버튼이없는 것입니다. 링크에 target="_blank"을 추가하려고 시도했지만 분명히 JQM이 링크를 가로 채고 새 페이지를 열지 못하게하고 작동하도록 해킹을 얻을 수 없었습니다.

pdf.js도 사용해 보았습니다.하지만 javascript 지식이 상당히 제한되어 있고 예제가 상당히 개선되어 있으므로 작동하지 않는 것처럼 보입니다. 내가 찾은 유일한 튜토리얼은 내가 구할 수없는 오래된 버전을 사용했습니다.

새 창에서 링크를 열 때 JQM을 우회하는 방법이 있습니까 (크롬없는 웹 앱이 아닌 모바일 사파리에서 열림). 또는 PDF를 여는 방법에 대한 다른 제안이 있습니까? webapp에서?

답변

5

data-ajax=false을 지정하여 기본 jQuery Mobile 동작을 비활성화하십시오. 예를 들어

:

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

내가 내 인터페이스에 PDF를 포함 할 https://docs.google.com/viewer를 사용하여 내 웹 어플리케이션에 대한 http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html

+0

내가 아직 목표 (target) = "_ blank"가 필요하다는 것을 알았지 만 (JqM 1.3.2), 그렇지 않으면 훌륭합니다. –

0

를 참조하십시오. 홈 화면 아이콘으로 webApp을 탐색 할 때 pdf를 열면 앱이 닫히지 않습니다.

0

같은 질문을 만났습니다 : open pdf in webapp with html5.

iframe, embed, pdf.js와 같은 여러 솔루션을 시도했지만 그 중 어느 것도 최상의 솔루션이 아닙니다.

tips : iOS 9.x 상단, 열린 PDF 및 iframe은 pdf 파일의 첫 번째 페이지 만 표시하며 디버그 할 때 iframe 본문에 <img /> 태그가 표시됩니다.

지금이 문제는 여전히 남아 있습니다. 아무도 해결책을 제시하지 못했습니다.

감사합니다.

+0

또한 div 안에 pdf를 표시하는 것과 동일한 문제에 직면하고 있습니다. 하이브리드 모바일 앱입니다. 나는 또한 iframe, embed, object 및 pdfjs를 시도했다. 같은 문제. 데스크톱 브라우저 (사파리)에서는 모든 것이 잘 작동하지만 pdfj를 제외하고는 모바일에서 작동하지 않습니다. pdf.js는 모든 페이지가있는 div 안에 pdf를 표시하며 스크롤 할 수 있습니다. 그러나 집게 확대 기능을 사용할 수 없습니다. – 2xSamurai

관련 문제