我有以下JSFiddle,http://jsfiddle.net/brantolsen/ejUWt/。它执行简单的任务,每次使用全屏API单击主体时,从全屏更改为非全屏。当所有内容都复制到本地网页中时,此方法可以正常工作,并且根据此处找到的文档是正确的。但是,在JSFiddle上什么也没有发生。

是否可以使JSFiddle上的示例代码全屏显示?

请注意,我并不是说要以全屏方式查看结果,但可以正常运行javascript全屏命令。

评论

全屏无法在JSFiddle中使用。

这是前一段时间修复的。今天尝试jsfiddle,单击正文中的文本,它将全屏显示。

@gman我建议将其编辑为Brant的答案(我建议写另一个答案,但我认为他们的答案包括一些可能有用的附加信息)

#1 楼

您可以像这样全屏查看结果-


http://jsfiddle.net/brantolsen/ejUWt/embedded/result/


只需单击顶部的共享按钮-



更新:
根本不再显示“共享”按钮。您仍然可以通过手动在小提琴的URL末尾添加embedded/result/来获得全屏显示

评论


抱歉,我不清楚全屏的含义。我的意思是我无法让Javascript全屏api在jsfiddle中工作,而不是如何以全屏方式查看结果。无论如何谢谢。

–布兰特·奥尔森(Brant Olsen)
2012年5月9日21:56

明白了JsFiddle使用iframe显示输出。实际上,所有这四个盒子都是iframe。因此,没有常规的方法可以实现此目的。

– Bibhas
2012年5月10日4:32



请注意,直到您单击“保存”按钮保存一次JSFiddle之后,此“共享”按钮才出现。

–罗里·奥凯恩(Rory O'Kane)
2014年7月25日在18:31



我认为“共享”按钮不再显示。您仍然可以通过在Fiddle的URL末尾手动添加Embedded / result /来获得全屏显示。

–凯·卡弗(Kai Carver)
16年1月16日在19:45

这个问题与没有iframe的情况下运行jsfiddle无关。关于JavaScript / HTML全屏API在jsfiddle中不起作用

– gman
19年6月11日在6:56

#2 楼

例如,使用http://fiddle.jshell.net/your-fiddle-id/show/light/这个小提琴URL。这将打开它而没有任何框架。

评论


不适用于我:imgur.com/a/Y2VuRPZ

– gman
19年6月11日在6:51

这个问题与没有iframe的情况下运行jsfiddle无关。关于JavaScript / HTML全屏API在jsfiddle中不起作用

– gman
19年6月11日在6:56

#3 楼

在使用Chrome浏览器和检查元素后找到了原因。结果代码放置在不允许全屏命令的iframe内。通过使用Firebug和Chrome的调试工具将HTML / Element / iframe转换为iframe。

但是,看起来JSFiddle似乎不允许您自定义代码包装在其中的mozallowfullscreen时间。

#4 楼

我认为您的线程的其他受访者都看过了iframe(跨域)问题,而忽略了这个问题。带有jQuery的URL和标题。

评论


这个问题与没有iframe的情况下运行jsfiddle无关。关于JavaScript / HTML全屏API在jsfiddle中不起作用

– gman
19年6月11日在6:56