使用firefox隐藏在iframe内打开的pdf文件的工具栏

时间:2016-04-19 09:27:12

标签: javascript php

其他浏览器,如chrome,IE工作正常,当我给#toolbar = 0.但它不能在Firefox中工作。 请帮忙。

这是我的代码。

<html>
<body>
<iframe src="Reports/reports.pdf#toolbar=0" width="100%;" height="80%">                        
</iframe>
</html>

2 个答案:

答案 0 :(得分:0)

我认为它还依赖于浏览器打开PDF的应用程序/插件,它的工作方式不同,它可能会忽略那些指令(取决于浏览器,插件,平台,PDF查看器)。

这里的一般建议是使用这些&#34;指令&#34;在URL的末尾:

#toolbar=0&navpanes=0

您也可以尝试http://blogs.adobe.com/pdfdevjunkie/web_designers_guide的建议:

使用PDFObject嵌入

  

您可以使用基本HTML标记在页面中嵌入PDF文件,但是   那里有一个更优雅的解决方案。看看PDFObject   作者:Philip Hutchison。 PDFObject是一个非常简单的脚本工具   动态地将PDF文件嵌入到网页中。它使用JavaScript   将一个元素注入到HTML文件的DOM树中。有   即使是一个方便的代码生成器,可以帮助您完成所有额外的工作   你可能需要的参数。

<script type="text/javascript" src="scripts/pdfobject.js"></script>
<div id="pdf1" style="width:500px; height:375px;"></div>
<script type='text/javascript'>
var myPDF = new PDFObject({ 
     url: 'ConferenceGuide.pdf', 
     pdfOpenParams: { 
          view: 'Fit', 
          scrollbars: '0', 
          toolbar: '0', 
          statusbar: '0', 
          navpanes: '0' }
      }).embed('pdf1'); 
</script>

PDFObject的链接位于:http://www.pdfobject.com/(取自他们的网站)

SMALL UPDATE

免责声明:为了避免对该主题进行进一步的推测,您需要考虑到您的客户/客户可能在其计算机上安装了不同的插件和PDF查看器,以及应用程序和插件的不同版本,因此上述解决方案都不是将在100%的情况下工作。例如,Adobe为Firefox安装了单独的插件,它们内置了不同的版本和不同的行为。

这里引用FF and Reader X这个棘手的案例,就像上面提到的好例子一样。

答案 1 :(得分:-1)

您可以使用css ....来管理它,比如

<div style="background-color:rgba(51, 189, 204, 0);width:120px;height:30px;z-index:2;top:1.9em;position:relative;margin-left:60%;"></div>

根据您的要求调整位置。