Làm thế nào để facebook toàn màn hình với javascript?

Question

Related onclick go full screen và How to implement exact full-screen in javascript?.

Facebook gần đây đã bổ sung tính năng độ phân giải cao xem hình ảnh:

Khi tôi nhấp vào nó, trình duyệt của tôi đi chế độ toàn màn hình:

Đây là trình duyệt có nguồn gốc đầy đủ màn hình tương tự F11.

Tôi muốn triển khai tính năng này cho ứng dụng web cục bộ sẽ chỉ được sử dụng trong nội bộ, do đó không có người dùng ngẫu nhiên nào bị kích thích bởi hiệu ứng toàn màn hình.

Có ai biết cách thực hiện việc này không? Hoặc cách khác, nơi tôi có thể lấy mã để thực hiện điều này, với giải thích cách nó hoạt động?

Answer 1

đây là một API mới được cung cấp bởi HTML5 vì vậy chỉ vài trình duyệt hỗ trợ nó vào lúc này ...

bạn có thể kiểm tra MDN cho một số giải thích cơ bản và các ví dụ

EDIT: đáng kể đến> Sự khác biệt giữa Gecko và WebKit: Gecko tự động thêm các quy tắc CSS vào phần tử để kéo dài để lấp đầy màn hình: "chiều rộng: 100%; chiều cao: 100%"

CHỈNH SỬA 2: trình duyệt hỗ trợ chỉ là Firefox (kể từ 10) và Chrome (Tôi nghĩ rằng rất sớm không hoàn toàn chắc chắn khi họ hỗ trợ đầy đủ nó) ... vì nó là thử nghiệm bạn cần t ông tiền tố nhà cung cấp ...

EDIT 3: liên kết đến "sống" spec

EDIT 4: liên quan đến hỗ trợ IE: 2011/11/15 Ted Johnson từ IEBlog nói rằng đội IE10 vẫn chưa quyết định liệu có nên triển khai API FullScreen. Tuy nhiên, ông lưu ý rằng, “Windows 8 Metro phong cách Internet Explorer luôn luôn là toàn màn hình… và như trước đây, F11 vào chế độ toàn màn hình trong các phiên bản máy tính để bàn của IE.”

EDIT 5: can I use - một bảng đẹp khác cho thấy trong Safari mới nhất cũng có sẵn ... cho dù Opera hỗ trợ nó trong Phiên bản 12 vẫn chưa được biết

Answer 2

Có API HTML5 toàn màn hình mới.

Đây là trang demo của nó.

http://html5-demos.appspot.com/static/fullscreen.html