Чи можна використовувати API повноекранного режиму в JSFiddle?

30

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

Чи можна зробити приклад коду на JSFiddle перейти на весь екран?

Зверніть увагу, що я не маю на увазі перегляд результату як повного екрану, але працевлаштування команд повного екрана javascript.

jsfiddle full-screen

— Брант Олсен
джерело

Повний екран не працює від JSFiddle.

— Роман C

Це було виправлено деякий час тому . Спробуючи jsfiddle сьогодні, натисніть текст у тілі, і він перейде на повний екран.

— gman

@gman Я рекомендую відредагувати це у відповідь Бранта (я б запропонував написати ще одну відповідь, але я думаю, що їх відповідь містить додаткову інформацію, яка може бути корисною)

— jonsca

35

Ви переглядаєте результат на весь екран так:

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

Просто натисніть кнопку спільного доступу вгорі -

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

Оновлення: Кнопка "Поділитися" більше не відображається. Ви все ще можете отримати повноекранний дисплей, додавши вручну embedded/result/URL-адресу вашої скрипки вручну

— Бібха
джерело

Вибачте, мені було незрозуміло, що я маю на увазі під повним екраном. Я мав на увазі, що я не можу змусити програму Javascript для повноекранного Javascript працювати у jsfiddle, а не про те, як розглянути результат як повноекранний. Спасибі все одно.

— Брант Олсен

1

Зрозумів. JsFiddle використовує iframe для показу результатів. Насправді всі ці 4 ящики є рамками кадрів. Отже, не може бути регулярного способу, як можна цього досягти.

— Бібхас

2

Зауважте, що ця кнопка "Поділитися" з'являється лише після того, як ви збережете JSFiddle один раз, натиснувши кнопку "Зберегти".

— Rory O'Kane

8

Я думаю, що кнопка "Поділитися" більше не відображається. Ви все ще можете отримати повноекранний дисплей, додавши вручну embedded/result/URL-адресу вашої скрипки вручну .

— Кай Карвер

цей питання не стосується запуску jsfiddle без iframe. Йдеться про те, що JavaScript / HTML Fullscreen API не працює в jsfiddle

— gman

8

Використовуйте, http://fiddle.jshell.net/your-fiddle-id/show/light/наприклад, цю скрипкову URL-адресу . Це відкриє його без жодних кадрів.

— Джон Хенкель
джерело

Не працює для мене: imgur.com/a/Y2VuRPZ

— gman

1

цей питання не стосується запуску jsfiddle без iframe. Йдеться про те, що JavaScript / HTML Fullscreen API не працює в 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/посилання на якорі, який змінює його href для перемикання повноекранного екрана.

— LokizFenrir
джерело

цей питання не стосується запуску jsfiddle без iframe. Йдеться про те, що JavaScript / HTML Fullscreen API не працює в jsfiddle

— gman