如何阻止移动设备在我的网站上自动下载PDF?

时间:2013-12-12 12:51:47

标签: php jquery html pdf

所以我在我的网站上有一个部分,我在iframe中显示pdf。 这在计算机上完全正常。 但是,有些移动设备在加载网站时会立即开始下载pdf。

这是我使用的代码。

<div class="showbox" style="display: none;">
    <div class="embed-container">
        <iframe src="/images/pdf-file.pdf" style="border:none;"></iframe>
    </div>
</div>

所以我只希望移动用户能够在不自动下载pdf的情况下访问该网站。

任何想法如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

您如何使用自适应实用程序类?

看看:http://getbootstrap.com/2.3.2/scaffolding.html#responsive

向下滚动,直到&#34;响应式实用程序类&#34;

答案 1 :(得分:0)

你可以像这样设置你的html:

<div class="showbox" style="display: none;">
    <div class="embed-container">
    </div>
</div>

然后把这个js放在任何地方:

if( !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    $('.showbox .embed-container').append('<iframe src="/images/pdf-file.pdf" style="border:none;"></iframe>');
}