الفرق بين المراجعتين ل"JavaScript/Document/fullscreenEnabled"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط
 
(3 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة)
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE:<code>Document.fullscreenEnabled</code>}}</noinclude>
 
<noinclude>{{DISPLAYTITLE:<code>Document.fullscreenEnabled</code>}}</noinclude>
 +
تُعيد الخاصية <code>Document.fullscreenEnabled</code> القابلة للقراءة فقط كائنًا من النوع <code>[[JavaScript/Boolean|Boolean]]</code> يُشير إلى ما إذا كان وضع ملء الشاشة مُتاحًا أم لا. وضع ملء الشاشة مُتاح للصفحات التي لا تحتوي على إضافات ذات نوافِذَ في أي من مُستنداتها فقط، وفي حالة كانت جميع عناصر <code><iframe></code> التي تحوي المُستند ذات خاصيّة <code>allowfullscreen</code>  مضبوطة.
  
تُعيد الخاصية <code>Document.fullscreenEnabled</code> القابلة للقراءة فقط كائنا من النوع <code>[[JavaScript/Boolean|Boolean]]</code> يُشير إلى ما إذا كان وضع ملء الشاشة مُتاحا أو لا. وضع ملء الشاشة مُتاح للصفحات التي لا تحتوي على إضافات ذات نوافِذَ في أي من مُستنداتها فقط، وفي حالة كانت جميع عناصر <code><iframe></code> التي تحوي المُستند ذات خاصيّة <code>allowfullscreen</code>  مضبوطة.
+
ورغم أن هذه الخاصية قابلة للقراءة فقط، إلا أنّها لن ترمي استثناءً عند تغيير قيمتها (حتى في [[JavaScript/Strict Mode|نمط strict]])، وستُتجاهل أية عمليّة ضبط قيمة لها.
 
+
==البنية العامة==
ورغم أن هذه الخاصية قابلة للقراءة فقط، إلا أنّها لن ترمي استثناءا عند تغيير قيمتها (حتى في وضع strict)، وستُتجاهل أية عمليّة ضبط قيمة لها.
 
 
 
 
 
==البنية العامّة==
 
 
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
 
var isFullscreenAvailable = document.fullscreenEnabled;
 
var isFullscreenAvailable = document.fullscreenEnabled;
سطر 12: سطر 9:
 
يحمل المتغيّر <code>isFullscreenAvailable</code> القيمة <code>true</code> في حالة أمكَنَ نقل المُستند إلى وضع ملء الشاشة.
 
يحمل المتغيّر <code>isFullscreenAvailable</code> القيمة <code>true</code> في حالة أمكَنَ نقل المُستند إلى وضع ملء الشاشة.
  
 
+
== مثال ==
==مثال==
 
 
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
 
function requestFullScreen() {
 
function requestFullScreen() {
سطر 24: سطر 20:
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
+
== دعم المتصفحات ==
==دعم المتصفحات==
 
 
{| class="wikitable"
 
{| class="wikitable"
 
!الميزة
 
!الميزة
سطر 35: سطر 30:
 
|-
 
|-
 
! الدعم الأساسي
 
! الدعم الأساسي
|نعم، مع السابقة <code>-webkit</code>
+
|نعم، مع السابقة <code>-webkit-</code>
 
45 دون سابقة
 
45 دون سابقة
 
|10.0 باستخدام <code>mozFullScreenEnabled</code>
 
|10.0 باستخدام <code>mozFullScreenEnabled</code>
سطر 43: سطر 38:
 
 
 
|}
 
|}
==المواصفات==
+
==انظر أيضًا==
* مواصفة [https://fullscreen.spec.whatwg.org/#dom-document-fullscreenenabled Fullscreen API].
+
* <code>[[JavaScript/Element/requestFullscreen|Element.requestFullscreen()]]</code>
 
+
* <code>[[JavaScript/Document/exitFullscreen|document.exitFullscreen()]]</code>
==انظر أيضا==
+
* <code>[[JavaScript/Document/cancelFullscreen|document.cancelFullscreen()]]</code>
* <code>[[JavaScript/Element/requestFullscreen|Element.requestFullscreen()]]</code>
 
* <code>[[JavaScript/Document/exitFullscreen|document.exitFullscreen()]]</code>
 
* <code>[[JavaScript/Document/cancelFullscreen|document.cancelFullscreen()]]</code>
 
 
* <code>[[JavaScript/Document/fullscreen|Document.fullscreen]]</code>
 
* <code>[[JavaScript/Document/fullscreen|Document.fullscreen]]</code>
 
* <code>[[JavaScript/Document/fullscreenElement|Document.fullscreenElement]]</code>
 
* <code>[[JavaScript/Document/fullscreenElement|Document.fullscreenElement]]</code>
* <code>[[CSS/:fullscreen|:fullscreen]]</code>
+
* <code>[[CSS/:fullscreen|:fullscreen]]</code>
 +
==مصادر ومواصفات==
 +
* مواصفة [https://fullscreen.spec.whatwg.org/#dom-document-fullscreenenabled Fullscreen API].
 +
[[تصنيف:JavaScript]]
 +
[[تصنيف:Web API]]
 +
[[تصنيف:DOM]]
 +
[[تصنيف:Document]]

المراجعة الحالية بتاريخ 06:56، 13 مارس 2018

تُعيد الخاصية Document.fullscreenEnabled القابلة للقراءة فقط كائنًا من النوع Boolean يُشير إلى ما إذا كان وضع ملء الشاشة مُتاحًا أم لا. وضع ملء الشاشة مُتاح للصفحات التي لا تحتوي على إضافات ذات نوافِذَ في أي من مُستنداتها فقط، وفي حالة كانت جميع عناصر <iframe> التي تحوي المُستند ذات خاصيّة allowfullscreen مضبوطة.

ورغم أن هذه الخاصية قابلة للقراءة فقط، إلا أنّها لن ترمي استثناءً عند تغيير قيمتها (حتى في نمط strict)، وستُتجاهل أية عمليّة ضبط قيمة لها.

البنية العامة

var isFullscreenAvailable = document.fullscreenEnabled;

يحمل المتغيّر isFullscreenAvailable القيمة true في حالة أمكَنَ نقل المُستند إلى وضع ملء الشاشة.

مثال

function requestFullScreen() {
  if (document.fullscreenEnabled) {
    videoElement.requestFullScreen();
  } else {
    console.log('لا يمكن لمُتصفحك استعمال وضع ملء الشاشة حاليا');
  }
}

دعم المتصفحات

الميزة Chrome Firefox Internet Explorer Opera Safari
الدعم الأساسي نعم، مع السابقة -webkit-

45 دون سابقة

10.0 باستخدام mozFullScreenEnabled

47 (وراء full-screen-api.unprefix.enabled)

؟ ؟ ؟

انظر أيضًا

مصادر ومواصفات