From 6772831200d14c2436aea2d0c837f40dbf12156f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 26 Sep 2021 13:11:47 +0200 Subject: Prepare Web API section for Markdown conversion (#2464) * Remove summary classes and ids * Remove unecessary hidden * Remove useless span filled with useless attributes / ids * Remove useless font * Remove notranslate * Remove id in other elements than headings * Remove name attributes * Remove
 for JS w/ language-js class

* Remove 
 for HTML w/ language-html class

* Remove 
 for other lang w/ language-* class

* Rm highlighted line in code samples

* fix links, internal, external, absolute URLs

* missing file from last commit

* Fix styles errors apart from table + some classes

* Fix notes and warnings (+ some other :x)

* fix typo during merge which broke a doc

* aand forgot a conflict

* fix remaining classes of errors except dls and images

* Fix dls

* Fix images (deki/mozillademos) and remaining style issues

* Remove script tag from svg file

* Remove script tag from svg fileS

* Compress SVG files for CI
---
 files/fr/web/api/page_visibility_api/index.html | 37 ++++++++-----------------
 1 file changed, 12 insertions(+), 25 deletions(-)

(limited to 'files/fr/web/api/page_visibility_api')

diff --git a/files/fr/web/api/page_visibility_api/index.html b/files/fr/web/api/page_visibility_api/index.html
index 01ae056bdf..0443a0061a 100644
--- a/files/fr/web/api/page_visibility_api/index.html
+++ b/files/fr/web/api/page_visibility_api/index.html
@@ -5,7 +5,9 @@ translation_of: Web/API/Page_Visibility_API
 ---
 
{{DefaultAPISidebar("Page Visibility API")}}
-

L’API Page Visibility (« visibilité de la page ») permet de savoir quand une page web est visible ou a le focus. Avec la navigation par onglets, il y a une probabilité raisonnable qu’une page web donnée soit en arrière-plan, donc masquée pour l’utilisateur. Quand celui-ci minimise la page ou bascule vers un autre onglet, l’API émet un évènement {{event("visibilitychange")}} correspondant à la visibilité de la page. Vous pouvez détecter cet évènement et réaliser différentes actions ou modifier un comportement. Par exemple, si votre application web est en train de lire une vidéo, elle peut mettre cette dernière en pause au moment où l’utilisateur regarde un autre onglet, et reprendre la lecture quand la personne revient à l’onglet. L’utilisateur ne perd pas le fil de la vidéo et peut continuer à la regarder.

+

L’API Page Visibility (« visibilité de la page ») permet de savoir quand une page web est visible ou a le focus.

+ +

Avec la navigation par onglets, il y a une probabilité raisonnable qu’une page web donnée soit en arrière-plan, donc masquée pour l’utilisateur. Quand celui-ci minimise la page ou bascule vers un autre onglet, l’API émet un évènement {{event("visibilitychange")}} correspondant à la visibilité de la page. Vous pouvez détecter cet évènement et réaliser différentes actions ou modifier un comportement. Par exemple, si votre application web est en train de lire une vidéo, elle peut mettre cette dernière en pause au moment où l’utilisateur regarde un autre onglet, et reprendre la lecture quand la personne revient à l’onglet. L’utilisateur ne perd pas le fil de la vidéo et peut continuer à la regarder.

L’état de visibilité d’une {{HTMLElement("iframe")}} est le même que celui du document parent. Masquer l’iframe via une propriété CSS ne déclenche pas d’évènement de visibilité, ni ne change l’état du document contenu.

@@ -106,25 +108,16 @@ if (typeof document.addEventListener === "undefined" || typeof document.hidden =

Propriétés

-
-

{{domxref("document.hidden")}} Read only

-
-
-

Retourne true si la page est dans un état considéré comme masqué à l’utilisateur, et false dans le cas contraire.

-
-
-

{{domxref("document.visibilityState")}} Read only

-
-
-

Une string représentant l’état de visibilité du document. Valeurs possibles :

- +
{{domxref("document.hidden")}}
+

Retourne true si la page est dans un état considéré comme masqué à l’utilisateur, et false dans le cas contraire.

+
{{domxref("document.visibilityState")}}
+

Une string représentant l’état de visibilité du document. Valeurs possibles :

  • visible : le contenu de la page peut être au moins partiellement visible. En pratique, cela signifie que la page est l’onglet actif d’une fenêtre non minimisée.
  • hidden : le contenu de la page n’est pas visible pour l’utilisateur. En pratique, cela signifie que le document est soit dans un onglet en arrière-plan, soit dans une fenêtre minimizée ; ou bien que l’écran de verrouillage de l’OS est actif.
  • prerender : le contenu de la page est en train d’être précalculé et n’est pas visible pour l’utilisateur (il est considéré masqué pour document.hidden). Le document peut être dans cet état initialement, mais ne passera jamais à cet état depuis une autre valeur. Note : le support des navigateurs est optionnel.
  • unloaded : la page est en train d’être déchargée de la mémoire. Note : le support des navigateurs est optionnel.
-
//startSimulation and pauseSimulation defined elsewhere
 function handleVisibilityChange() {
   if (document.hidden) {
@@ -133,16 +126,10 @@ function handleVisibilityChange() {
     startSimulation();
   }
 }
-
 document.addEventListener("visibilitychange", handleVisibilityChange, false);
-
-
-
-

{{domxref("document.onvisibilitychange")}}

-
-
-

Un {{event("Event_handlers", "event handler")}} représentant le code à appeler quand l’évènement {{event("visibilitychange")}} est émis.

-
+
+
{{domxref("document.onvisibilitychange")}}
+
Un {{event("Event_handlers", "event handler")}} représentant le code à appeler quand l’évènement {{event("visibilitychange")}} est émis.

Spécifications

@@ -171,6 +158,6 @@ document.addEventListener("visibilitychange", handleVisibilityChange, false);

Voir aussi

-- cgit v1.2.3-54-g00ecf