Можно ли активировать полноэкранный режим в JSFiddle?

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

Можно ли сделать пример кода на JSFiddle в полноэкранном режиме?

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

25 голосов | спросил Brant Olsen 9 Maypm12 2012, 21:49:49

7 ответов


1

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

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

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

ответил Brant Olsen 10 Mayam12 2012, 02:14:23
28

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

  

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

Просто нажмите кнопку общего доступа -

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

<p> <strong> Update: </STRONG>
Кнопка «Share» больше не отображается. Вы можете получить полноэкранный режим, добавив <code>embedded /result /</code> в конец URL вашего скрипта </p></body></html>

ответил Bibhas 10 Mayam12 2012, 00:34:51
8

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

ответил John Henckel 4 PMpMon, 04 Apr 2016 17:02:37 +030002Monday 2016, 17:02:37
4

jsfiddle не поддерживает полный экран. вы можете попробовать это вместо ... http://liveweave.com , а затем нажмите «Изменить» ... u будет полный полноэкранный редактор

ответил user21471 24 J0000006Europe/Moscow 2012, 23:13:26
2

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

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

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

ответил LokizFenrir 4 22014vEurope/Moscow11bEurope/MoscowTue, 04 Nov 2014 09:02:42 +0300 2014, 09:02:42
0

Я всегда использую jsbin.com для мобильных страниц, потому что jsbin не использует iframe, когда вы идете на весь экран, и пользовательский интерфейс немного улучшается с мобильных устройств. Также он имеет хорошее автоматическое обновление при редактировании на ПК, оно автоматически обновляет страницу на мобильном телефоне - приятно.

Нажмите общий доступ и вырежьте и вставьте URL-адрес в полноэкранный режим (или просто удалите /отредактируйте).

Я настоятельно рекомендую настроить бесплатную учетную запись - более короткие URL-адреса, сохраняет ваши страницы, а страницы истекают, если вы этого не сделаете.

ответил robocat 25 AM000000100000003931 2014, 10:38:39
-2

Добавить /показать в конце URL

ответил Jyt 18 62017vEurope/Moscow11bEurope/MoscowSat, 18 Nov 2017 23:21:18 +0300 2017, 23:21:18

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132