如何从 iframe 禁用工具栏答案

【问题标题】：how to disable toolbar from Iframe如何从 iframe 禁用工具栏
【发布时间】：2017-11-21 07:55:44
【问题描述】：

我想在 Iframe 中显示 PDF 文件，所以我为此用户 pdf.js。

<iframe src="https://mozilla.github.io/pdf.js/web/viewer.html" 
class="iframe-view" width="100%" height="300" allowfullscreen ></iframe>

现在它对我来说工作正常。

但我现在想从 iframe 中禁用工具栏。

我尝试在js的帮助下删除toolbar div

但我没有得到这个工具栏 div 与此代码 $(".toolbar")

谁能知道我该如何禁用它？

谢谢。

【问题讨论】：

PDF工具栏的浏览器工具栏？后者在 URL 上而不是 iframe - 但我从未听说过带有工具栏的 iFrame
你可以在github上查看pdf.js
不，我不能。您可以创建一个minimal reproducible example 并显示您正在尝试做的事情的图像。
iframe 内容来自另一个来源（主机或端口号），正如我在您的评论中看到的那样，您将收到跨来源错误。 . PDF.js 似乎不支持：github.com/mozilla/pdf.js/issues/6087
看来您可以编辑 viewer.html 并删除控件或在查看器中的 css 文件后添加 <style>#controls { display:none }</style>

【解决方案1】：

如果您打算操作 IFrame 的内容，您可以尝试使用：

$("#myiframe").contents().find(".toolbar");

但我不知道你是否可以使用这种方法隐藏收费栏。

【讨论】：

未捕获的 DOMException：无法从 'HTMLIFrameElement' 读取 'contentDocument' 属性：阻止具有源“localhost:3000”的框架访问跨域框架。在控制台中得到这个错误