问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

尝试在 Firefox 中使用 iframe 进行渲染时，如何隐藏 pdf 文件附带的工具栏？

社区维基
1
新手上路，请多包涵

我想在通过 iframe 渲染时删除 PDF 附带的工具栏。当我将 #toolbar=0 与 URL（或文件路径）一起使用时，它在 Chrome、IE 等浏览器中运行良好。但它在 Firefox 中不起作用。

谁能建议我哪里做错了？

这是我的代码。

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

原文由 SwR 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascriptphp
阅读 2.4k
1 个回答
得票最新
社区维基
1

我认为它还取决于浏览器打开 PDF 的应用程序/插件，它的工作方式不同并且可能会忽略那里的指令（取决于浏览器、插件、平台、PDF 查看器）。

这里的一般建议是在 URL 的末尾使用这些“指令”：

 #toolbar=0&navpanes=0

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

使用 PDFObject 嵌入

您可以使用基本的 HTML 标记在您的页面中嵌入 PDF 文件，但还有一个更优雅的解决方案。看看 Philip Hutchison 的 PDFObject。 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/（取自他们的网站）

小更新

免责声明：为避免对该主题的进一步猜测，您需要考虑到您的客户/客户可能在他们的机器上安装了不同的插件和 PDF 查看器，以及不同版本的应用程序和插件，因此上述解决方案均不适用于100% 的案例。例如，Adobe 为 Firefox 安装了单独的 _插件_，它们内置了不同的版本和不同的行为。

这是 FF 和 Reader X 棘手案例的参考，正如上面所说的很好的例子。

原文由 Farside 发布，翻译遵循 CC BY-SA 3.0 许可协议

查看全部 1 个回答
推荐问题