개발/Javascript & Typescript

[Javascript] 안드로이드 모바일 브라우저에서 PDF띄우기

devhooney 2022. 6. 28. 12:35
728x90

iOS, PC에서는 바로 열리는 PDF. 안드로이드에서는 자동 다운로드가 되는 현상

- 지난번 포스팅에서 PDF를 잘 띄웠는데, 안드로이드 모바일 브라우저에서만 자동 다운로드되어 문제가 발생했다.

 

해결방법

- 구글링 결과 Google Docs를 이용한 방법이 있었다.

- 하지만 댓글에 2017 년 4 월 6 일부터이 형식을 사용할 수 없다고 나와있어서 pdf.js, pdfObject.js를 이용해서 구현해봤지만, 안드로이드에서만 자동 다운로드 되는 문제가 계속해서 발생했다.

- 다시 구글링 했는데, 같은 글을 다시 보는데 2017 년 4 월 6 일부터이 형식을 사용할 수 있다라고 나와있었다;;;(난독증인가, 자동번역의 오류인가)

- 아무튼 무사히 해결했다.

// Open PDF 
function openPdf() {
  var isAndroid = /Android/i.test(navigator.userAgent) ? true : false;
  
  if (isAndroid)  window.open('http://docs.google.com/gview?embedded=true&url=pdf경로');
  else window.open("/ebook/openPdf");
}

 

글을 천천히 자세히 읽어보자...

728x90