5

関連onclick go full screenおよびjavascript で正確なフルスクリーンを実装する方法は? .

Facebook は最近、高解像度の画像表示機能を追加しました。

全画面ボタン

クリックすると、ブラウザが全画面モードになります。

フルスクリーン効果

これは、F11 に似たネイティブ ブラウザの全画面表示です。

内部でのみ使用されるローカル Web アプリにこの機能を実装したいので、ランダムなユーザーがフルスクリーン効果にイライラすることはありません。

誰もこれを行う方法を知っていますか? または、これを実装するためのコードをどこで入手できますか?

4

2 に答える 2

4

これは HTML5 によって提供される新しい API であるため、現時点では少数のブラウザーのみがサポートしています...

基本的な説明と例については、MDNを確認してください。

編集: 言及する価値があります > Gecko と WebKit の違い: Gecko は CSS ルールを要素に自動的に追加して、画面いっぱいに拡大します: "幅: 100%; 高さ: 100%"

EDIT 2: サポートされているブラウザは Firefox (10 以降) と Chrome のみです (いつ完全にサポートされたかは非常に早い段階でわかりません)... 実験的であるため、ベンダー プレフィックスが必要です...

EDIT 3:「生きている」仕様へのリンク

編集 4: IE サポートについて: 2011 年 11 月 15 日 IEBlog の Ted Johnson は、IE10 チームは FullScreen API を実装するかどうかまだ決定していないと述べています。しかし彼は、「Windows 8 の Metro スタイル Internet Explorer は常に全画面表示です。以前と同様に、デスクトップ版の IE では F11 キーを押すと全画面表示モードになります。」</p>

編集5:使用できますか-最新のSafariでも利用できることを示す別の素晴らしい表... Operaがバージョン12でそれをサポートしているかどうかはまだ不明です

于 2012-05-07T17:23:20.047 に答える
3

新しい HTML5 フルスクリーン API があります。

そのデモサイトはこちら。

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

于 2012-05-07T17:23:21.693 に答える