files/zh-cn/web/api/document/fullscreen/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109

---
title: document.mozFullScreen
slug: Web/API/Document/fullscreen
translation_of: Web/API/Document/fullscreen
original_slug: Web/API/Document/mozFullScreen
---
<p> </p>

<p>{{APIRef("Fullscreen API")}}{{Deprecated_Header}}</p>

<p>过时的{{domxref("Document")}}接口的 <strong><code>fullscreen</code></strong> 只读属性报告文档当前是否以全屏模式显示内容。</p>

<p>虽然这个属性是只读的，但如果修改它，它不会抛出(即使在严格模式下);setter是一个非操作，它将被忽略。</p>

<div class="note">
<p><strong>注意</strong><strong>:</strong> 由于不推荐使用此属性，您可以通过检查{{DOMxRef("document.fullscreenelement")}}是否为<strong><code>null</code></strong>来确定文档上是否启用全屏模式。</p>
</div>

<p> </p>

<h3 id="Summary" name="Summary">概述</h3>

<p>返回一个布尔值,表明当前文档是否处于全屏模式.</p>

<h3 id="Syntax" name="Syntax">语法</h3>

<pre class="eval"><em>var isFullScreen</em> = <em>document</em>.mozFullScreen || document.webkitIsFullScreen;
</pre>

<h3 id="Example" name="Example">例子</h3>

<pre class="brush: js">function isDocumentInFullScreenMode() {
  // 过去由F11触发的那种浏览器全屏模式和HTML5中内容的全屏模式是不一样的
  return (document.fullscreenElement &amp;&amp; document.fullscreenElement !== null) ||
      (!document.mozFullScreen &amp;&amp; !document.webkitIsFullScreen);
}
</pre>

<h3 id="备注">备注</h3>

<p>查看<a href="/zh-cn/docs/Web/API/Fullscreen_API" title="/zh-cn/docs/Web/API/Fullscreen_API">使用全屏模式</a>来了解更多相关内容.</p>

<h3 id="Specification" name="Specification">浏览器兼容性</h3>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatGeckoDesktop("9.0") }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatGeckoMobile("9.0") }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<h3 id="Specification" name="Specification">规范</h3>

<p>不属于任何公开的规范</p>

<h3 id="相关链接">相关链接</h3>

<ul>
 <li><a href="/zh-cn/DOM/Using_full-screen_mode" title="zh-cn/DOM/Using full-screen mode">Using full-screen mode</a></li>
 <li>{{ domxref("element.mozRequestFullScreen()") }}</li>
 <li>{{ domxref("document.mozCancelFullScreen()") }}</li>
 <li>{{ domxref("document.mozFullScreenElement") }}</li>
 <li>{{ domxref("document.mozFullScreenEnabled") }}</li>
 <li>{{ cssxref(":-moz-full-screen") }}</li>
 <li>{{ HTMLAttrXRef("mozallowfullscreen", "iframe") }}</li>
</ul>

<p>{{ languages( {"en": "en/DOM/document.mozFullScreen" } ) }}</p>