选择PDF对象的默认视图

时间:2014-09-23 12:39:30

标签: javascript html5 pdf cross-browser

我正在使用HTML 5对象标记在我的池团队网站上嵌入PDF。在Safari上,PDF自动适应我分配给PDF所显示的div的宽度。在Chrome上,PDF大小设置为全尺寸,因此它首先显示为缩放。

这是我的代码

<object data="docs/Pool Schedule.pdf?#view=fitH" type="application/pdf" width="660" height="440">
    <param name="view" value="fitH" />
</object>

我添加了parm标记以及附加?#view=fitH以尝试获取另一个默认视图。似乎都没有做任何事情。

我想知道是否有办法将所有浏览器默认为适合宽度视图(屏幕截图2)。

如果您想查看该网站,则为Kingston8Ball.com

注意:我发现这两张照片都是Chrome浏览器,但为了简单起见,我只是使用相同的浏览器和所需的视图拍摄了第二张屏幕截图,而不是切换浏览器。

full size view

Fit width view

1 个答案:

答案 0 :(得分:0)

这不是我在我的问题中寻找的答案,但它是一种替代解决方案,只需要很少的努力。我最终使用了Viewer JS。使用此工具,我只需将JS源文件复制到我的网站的根目录,然后将以下行添加到我希望PDF iFrame出现的HTML文件中。

<iframe frameBorder="" id="viewer" src = "http://kingston8ball.com/ViewerJS#/docs/League Rules 2015.pdf" width='650' height='500' allowfullscreen webkitallowfullscreen></iframe>