避免在智能手机上自动下载pdf

Question

我为朋友写了一个非常简单的网站，他需要在页面中显示pdf。 首先，我尝试使用iframe，但我无法将高度设置为＆＃34; 100％＆＃34;。

<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>

它有效，但是当我尝试使用智能手机访问该页面时出现问题（我用android测试过它）。特别是，浏览器尝试下载文件而不是显示它，有一种方法可以避免它吗？