Question

当我进入JSFiddle嵌入式全屏视图（<url of fiddle>/show）时，顶部总会有一个带有JSFiddle的栏，如图所示，其中显示 result ：

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

注意：的

您也可以转到网址#!/usr/bin/perl use warnings; use strict; use feature qw{ say }; { package File; sub new { bless ['hello'], shift } sub text { my $self = shift; if (@_) { $self->[0] = shift; } else { return $self->[0] } } } { package FileVar; use Tie::Scalar; use parent qw( -norequire Tie::StdScalar ); sub TIESCALAR { my ($class, $obj) = @_; bless \$obj, $class } sub FETCH { my $self = shift; ${$self}->text() } sub STORE { die 'Read only!'; # Or, do you want to change the object by changing the var, too? my ($self, $value) = @_; ${$self}->text($value); } } my $file = 'File'->new(); tie my $text, 'FileVar', $file; say $text; $file->text('goodbye'); say $text; # Die or change the object: $text = 'Magic!'; say $file->text;来访问此视图。

Answer 1

嵌入式小提琴只是另一个iframe中的iframe。您可以从子iframe中获取源代码并将其替换为父代。

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

使用开发工具检查父iFrame。
复制子iFrame源链接（看起来像＆＃39; /fiddle.jshell.net/ blah / blah / show / light /＆＃39;）
将父嵌入源链接替换为复制的链接。

应该这样做。为我工作。

Answer 2

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

请考虑删除所有品牌之前-不要混蛋。

我不知道自从诺埃尔（Noel）回答以来，他们是否已更改此设置，但它仍然在我的顶部显示该栏。

虽然还是可以的。

示例：

https://fiddle.jshell.net/vmt32w4d/11/show/

诀窍是按照Noel的建议在fiddle.jshell.net上找到iframe的来源。

如果您尝试访问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库-否则，您可以使用香草JS编辑代码以更改CSS。

也许有更好的方法来更改CSS或其他内容，但是现在您知道了如何更改

有没有办法删除JSFiddle嵌入视图中的顶部栏

2 个答案: