Tôi có thể sử dụng API toàn màn hình trong JSFiddle không?

30

Tôi có JSFiddle sau, http://jsfiddle.net/brantolsen/ejUWt/ . Nó thực hiện nhiệm vụ đơn giản là thay đổi từ toàn màn hình sang không toàn màn hình mỗi khi cơ thể được nhấp bằng API toàn màn hình . Điều này hoạt động chính xác khi tất cả nội dung được sao chép vào một trang web địa phương và là chính xác theo các tài liệu được tìm thấy ở đây . Tuy nhiên, trên JSFiddle không có gì xảy ra.

Có thể làm cho mã ví dụ trên JSFiddle đi toàn màn hình không?

Xin lưu ý rằng tôi không có nghĩa là xem kết quả dưới dạng toàn màn hình, nhưng làm cho các lệnh toàn màn hình javascript hoạt động.

jsfiddle full-screen

— Brant Olsen
nguồn

Toàn màn hình không hoạt động từ JSFiddle.

— La Mã C

Điều này đã được sửa chữa một thời gian trước đây . Đang cố gắng jsfiddle nay nhấp vào văn bản trong cơ thể và nó sẽ đi toàn màn hình.

— gman

@gman Tôi khuyên bạn nên chỉnh sửa câu trả lời của Brant (Tôi sẽ đề nghị viết một câu trả lời khác, nhưng tôi nghĩ câu trả lời của họ bao gồm một số thông tin bổ sung có thể hữu ích)

— jonsca

35

Bạn xem kết quả ở chế độ toàn màn hình như thế này -

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

Chỉ cần nhấp vào nút chia sẻ trên đầu trang -

nhập mô tả hình ảnh ở đây

Cập nhật: Nút "Chia sẻ" không còn hiển thị nữa. Bạn vẫn có thể hiển thị toàn màn hình bằng cách thêm thủ công vào embedded/result/cuối URL của Fiddle của bạn

— Yếm
nguồn

Xin lỗi, tôi không rõ ý của tôi trên toàn màn hình. Tôi có nghĩa là tôi không thể làm cho api toàn màn hình Javascript hoạt động trong jsfiddle chứ không phải làm thế nào để xem kết quả dưới dạng toàn màn hình. Dù sao đi nữa cũng xin cám ơn.

— Brant Olsen

1

Hiểu. JsFiddle sử dụng iframe để hiển thị đầu ra. Trong thực tế, tất cả 4 hộp đó là iframe. Vì vậy, không thể có cách thông thường mà bạn có thể đạt được điều này.

— Bibhas

2

Lưu ý rằng nút "Chia sẻ" này không xuất hiện cho đến khi bạn lưu JSFiddle một lần, bằng cách nhấp vào nút "Lưu".

— Rory O'Kane

8

Tôi nghĩ nút "Chia sẻ" không còn hiển thị nữa. Bạn vẫn có thể hiển thị toàn màn hình bằng cách thêm thủ công vào embedded/result/cuối URL của Fiddle của bạn.

— Kai Carver

quesiton này không phải là về việc chạy jsfiddle mà không có iframe. Đó là về API toàn màn hình JavaScript / HTML không hoạt động trong jsfiddle

— gman

8

Sử dụng http://fiddle.jshell.net/your-fiddle-id/show/light/ví dụ URL fiddle này . Điều này sẽ mở nó mà không có bất kỳ khung.

— John Henckel
nguồn

Không hoạt động với tôi: imgur.com/a/Y2VuRPZ

— gman

1

quesiton này không phải là về việc chạy jsfiddle mà không có iframe. Đó là về API toàn màn hình JavaScript / HTML không hoạt động trong jsfiddle

— gman

3

Tìm thấy lý do sau khi chơi xung quanh với Chrome và kiểm tra yếu tố. Mã kết quả được đặt bên trong iframe không cho phép các lệnh toàn màn hình.

Tôi đã có thể tạm thời khắc phục vấn đề này bằng cách thêm mozallowfullscreenvà webkitallowfullscreen, được tìm thấy tại https://developer.mozilla.org/en/HTML/Euity/iframe , vào iframe thông qua việc sử dụng công cụ gỡ lỗi của fireorms và Chrome.

Tuy nhiên, có vẻ như JSFiddle sẽ không cho phép bạn tùy chỉnh iframemã được gói vào lúc này.

— Brant Olsen
nguồn

2

Tôi nghĩ rằng những người trả lời khác cho chủ đề của bạn đã xem xét các vấn đề iframe (tên miền chéo) và bỏ qua câu hỏi.

Một người dùng JSFiddle tuyệt vời khác, Jennifer Perrin, đã trả lời hơn một nửa câu hỏi của bạn trong bài đăng của mình "Nhận URL trang hiện tại và tiêu đề bằng jQuery" .

Tất cả những gì còn lại để bạn làm là áp dụng một số logic trên URL được trả về và đặt nó vào một http://jsfiddle.net/[userid]/[postid]/embedded/result/liên kết chức năng trong một neo thay đổi nó để chuyển sang toàn màn hình.

— LokizFenrir
nguồn

quesiton này không phải là về việc chạy jsfiddle mà không có iframe. Đó là về API toàn màn hình JavaScript / HTML không hoạt động trong jsfiddle

— gman