我有以下JSFiddle,http://jsfiddle.net/brantolsen/ejUWt/。它完成了每次使用Fullscreen API单击主体时从全屏更改为非全屏的简单任务。当所有内容都复制到本地网页中时,此方法正确运行,并且根据此处找到的文档是正确的。但是,在JSFiddle上什么也没有发生。
是否可以使JSFiddle上的示例代码全屏显示?
请注意,我并不是说要以全屏方式查看结果,而是要使javascript全屏命令正常工作。
我有以下JSFiddle,http://jsfiddle.net/brantolsen/ejUWt/。它完成了每次使用Fullscreen API单击主体时从全屏更改为非全屏的简单任务。当所有内容都复制到本地网页中时,此方法正确运行,并且根据此处找到的文档是正确的。但是,在JSFiddle上什么也没有发生。
是否可以使JSFiddle上的示例代码全屏显示?
请注意,我并不是说要以全屏方式查看结果,而是要使javascript全屏命令正常工作。
Answers:
您可以像这样全屏查看结果-
只需点击顶部的共享按钮-
更新:
不再显示“共享”按钮。您仍然可以通过手动embedded/result/
在Fiddle的URL末尾添加全屏显示
embedded/result/
在Fiddle的URL末尾添加全屏显示。
http://fiddle.jshell.net/your-fiddle-id/show/light/
例如,使用该小提琴URL。这将打开它而没有任何框架。
在使用Chrome浏览器和检查元素后找到了原因。结果代码放置在iframe中,该iframe禁止全屏命令。
我能够加入临时解决此mozallowfullscreen
,并webkitallowfullscreen
在发现https://developer.mozilla.org/en/HTML/Element/iframe通过使用萤火虫和Chrome的调试工具,在iframe中。
但是,看起来JSFiddle不允许您此时自定义iframe
包装代码的代码。
我认为您的线程的其他受访者都看过iframe(跨域)问题,而忽略了该问题。
另一个很棒的JSFiddle用户Jennifer Perrin在她的帖子“用jQuery获取当前页面URL和标题”中回答了您一半以上的问题。
剩下要做的就是在返回的URL上应用一些逻辑,并将其设置为http://jsfiddle.net/[userid]/[postid]/embedded/result/
锚点中的功能链接,以更改其href来切换全屏。