Могу ли я использовать полноэкранный 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,