Javascript 有没有办法删除JSFIDLE嵌入式视图中的顶部栏

当我转到JSFiddle嵌入式全屏视图（

/embedded/result

）时，顶部总是有一个带有JSFiddle的条，如图所示，其中显示result:

有没有办法从视图中删除此栏

注意：

---

您也可以通过访问URL

/show

来访问此视图。嵌入的fiddle只是另一个iframe中的一个iframe。您可以从子iframe获取源，并用它替换父iframe

从图像中类似的*/embedded/result url开始

使用开发工具检查父iFrame

复制子iFrame源链接（看起来像“/fiddle.jshell.net/blah/blah/show/light/”）

用复制的链接替换父嵌入源链接

---

应该这样做。为我工作。

在阅读之前，请注意JSFIDLE是一个很好的网站，他们这样做是为了让人们不能仅仅使用它们来托管然后嵌入链接。

在删除他们所有的品牌之前，先考虑一下这一点-不要做一个混蛋。

我不知道自从Noel的回答后他们是否改变了这一点，但它仍然为我显示了顶部的酒吧

但这仍然可以做到

例如：

诀窍是找到iframe的源代码，正如Noel所建议的，iframe位于

fiddle.jshell.net

上

如果您试图访问iframe之外的元素，它们会将其保留在单独的原点上，以提供跨原点异常

这没有问题，只需链接到该链接并添加以下代码即可：

$("header",window.parent.document).remove();
$("#tabs",window.parent.document).css({
    'margin-top':'0px',
    'height':'100vh'
});
$("#result",window.parent.document).css({
    'margin-top':'0px',
    'height':'100vh'
});

我包含了jquery库以使其发挥作用——否则，您可以使用vanilla JS编辑代码来更改css

---

也许有更好的方法来修改css或其他什么，但是现在你知道如何做了，这个问题需要更多的关注。我不喜欢，顶部的栏一直被添加到/show/light/link上