Могу ли я использовать полноэкранный API в JSFiddle?

30

У меня есть следующий JSFiddle, http://jsfiddle.net/brantolsen/ejUWt/ . Он выполняет простую задачу перехода с полноэкранного на не полноэкранный режим при каждом щелчке по телу с помощью полноэкранного API . Это работает правильно, когда весь контент копируется на локальную веб-страницу и является правильным в соответствии с документацией, найденной здесь . Однако на JSFiddle ничего не происходит.

Возможно ли сделать пример кода на JSFiddle полным экраном?

Обратите внимание, что я имею в виду не просмотр результата в полноэкранном режиме, а работу полноэкранных команд javascript.

jsfiddle full-screen Брант Олсен
источник
Полный экран не работает из JSFiddle.
Роман С
Это было исправлено некоторое время назад . Пробуя jsfiddle сегодня нажмите на текст в теле , и он будет идти в полноэкранном режиме.
Человек
@gman Я бы порекомендовал отредактировать это в ответе Бранта (я бы предложил написать другой ответ, но я думаю, что их ответ включает в себя некоторую дополнительную информацию, которая может оказаться полезной)
jonsca

Ответы:

35

Вы просматриваете результат в полноэкранном режиме, как это -

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

Просто нажмите кнопку поделиться наверху -

введите описание изображения здесь

Обновление: кнопка «Поделиться» больше не отображается вообще. Вы все еще можете получить полноэкранный режим, добавив embedded/result/в конец URL-адрес вашей скрипки вручную

Bibhas
источник
Извините, мне было непонятно, что я имел в виду под полным экраном. Я имел в виду, что я не мог заставить Javascript полноэкранный API работать в jsfiddle, а не как просматривать результаты в полноэкранном режиме. В любом случае спасибо.
Брант Олсен
1
Понял. JsFiddle использует iframes для отображения вывода. На самом деле, все эти 4 коробки - это фреймы. Таким образом, не может быть регулярного пути, которым вы можете достичь этого.
Бибхас
2
Обратите внимание, что эта кнопка «Поделиться» не появляется, пока вы не сохраните JSFiddle один раз, нажав кнопку «Сохранить».
Рори О'Кейн
8
Я думаю, что кнопка «Поделиться» больше не отображается вообще. Вы все еще можете получить полноэкранный режим, добавив embedded/result/в конец URL-адрес вашей скрипки вручную .
Кай Карвер
этот квест не о запуске jsfiddle без фрейма. Речь идет о полноэкранном API JavaScript / HTML, который не работает в jsfiddle
gman,
8

Используйте, http://fiddle.jshell.net/your-fiddle-id/show/light/например, этот URL-адрес скрипки . Это откроет его без каких-либо кадров.

Джон Хенкель
источник
У меня не работает: imgur.com/a/Y2VuRPZ
gman
1
этот квест не о запуске jsfiddle без фрейма. Речь идет о полноэкранном API JavaScript / HTML, который не работает в jsfiddle
gman,
3

Выяснили причину, поиграв с Chrome и осмотрев элемент. Код результата помещается в iframe, который запрещает полноэкранные команды.

Я смог временно обойти эту проблему, добавив mozallowfullscreenи webkitallowfullscreenнайденный по адресу https://developer.mozilla.org/en/HTML/Element/iframe , в iframe, используя firebug и инструменты отладки Chrome.

Однако, это не похоже на то, что JSFiddle позволит вам настроить то, iframeчто код будет обернут в это время.

Брант Олсен
источник
2

Я думаю, что другие респонденты в вашей ветке смотрели на проблемы iframe (crossdomain) и игнорировали вопрос.

Дженнифер Перрин, еще один замечательный пользователь JSFiddle, ответила более чем на половину вашего вопроса в своем посте "Получить URL текущей страницы и заголовок с помощью jQuery" .

Все, что вам остается сделать, - это применить некоторую логику к возвращенному URL-адресу и преобразовать его в функциональную http://jsfiddle.net/[userid]/[postid]/embedded/result/ссылку в привязке, которая изменяет его, чтобы переключаться в полноэкранный режим.

LokizFenrir
источник
этот квест не о запуске jsfiddle без фрейма. Речь идет о полноэкранном API JavaScript / HTML, который не работает в jsfiddle
gman,