Избегайте автоматической загрузки pdf на смартфонах

Question

Я написал очень простой сайт для друга, ему нужно показать pdf-страницу на странице. Во-первых, я попытался использовать iframe, но я не смог установить высоту на «100%».

<script type="text/javascript"> 
     /* 
     * When the iframe is on a different subdomain, uncomment the following line 
     * and change "example.com" to your domain. 
     */ 
     // document.domain = "example.com"; 
     function setIframeHeight(iframe) { 
      if (iframe) { 
       var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow; 
       if (iframeWin.document.body) { 
        iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight; 
       } 
      } 
     }; 

     window.onload = function() { 
      setIframeHeight(document.getElementById('mainContent')); 
     }; 
</script> 

и это IFrame в секции тела

<iframe id="mainContent" src="URL_PDF" scrolling=auto frameborder=0 width="100%"></iframe> 

Он работает, но есть проблема, когда я пытаюсь посетить страницу с помощью смартфона (я тестировал с андроидом). В частности, браузер пытается загрузить файл, а не показывать его, есть способ его избежать?

Answer 1

Я получил решение с использованием библиотеки pdf.js