fr: Format /web/api using Prettier (part 8)

mdn · Jul 26, 2023 · 802043f · 802043f
1 parent a3dccd0
commit 802043f
Show file tree

Hide file tree

Showing 100 changed files with 1,069 additions and 839 deletions.
diff --git a/files/fr/web/api/performanceelementtiming/tojson/index.md b/files/fr/web/api/performanceelementtiming/tojson/index.md
@@ -24,7 +24,11 @@ var json = PerformanceElementTiming.toJSON();
 Dans cet exemple, l'appel de `entry.toJSON()` renvoie une représentation JSON de l'objet [`PerformanceElementTiming`](/fr/docs/Web/API/PerformanceElementTiming), avec les informations sur l'élément image.
 
 ```html
-<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+<img
+  src="image.jpg"
+  alt="une belle image"
+  elementtiming="big-image"
+  id="myImage" />
 ```
 
 ```js

diff --git a/files/fr/web/api/performanceelementtiming/url/index.md b/files/fr/web/api/performanceelementtiming/url/index.md
@@ -23,7 +23,11 @@ Une [`DOMString`](/fr/docs/Web/API/DOMString) qui est l'URL initiale de la deman
 Dans cet exemple, appeler `entry.url` renvoie `https://example.com/image.jpg`.
 
 ```html
-<img src="https://example.com/image.jpg" alt="une belle imahe" elementtiming="big-image" id="myImage">
+<img
+  src="https://example.com/image.jpg"
+  alt="une belle imahe"
+  elementtiming="big-image"
+  id="myImage" />
 ```
 
 ```js

diff --git a/files/fr/web/api/performanceentry/duration/index.md b/files/fr/web/api/performanceentry/duration/index.md
@@ -52,7 +52,7 @@ function run_PerformanceEntry() {
 
   // Utilise getEntries() pour itérer à travers chaque entrée.
   let p = performance.getEntries();
-  for (let i=0; i < p.length; i++) {
+  for (let i = 0; i < p.length; i++) {
     console.log("Entry[" + i + "]");
     check_PerformanceEntry(p[i]);
   }
@@ -61,15 +61,14 @@ function check_PerformanceEntry(obj) {
   let properties = ["name", "entryType", "startTime", "duration"];
   let methods = ["toJSON"];
 
-  for (let i=0; i < properties.length; i++) {
+  for (let i = 0; i < properties.length; i++) {
     // check each property
     let supported = properties[i] in obj;
     if (supported)
       console.log("..." + properties[i] + " = " + obj[properties[i]]);
-    else
-      console.log("..." + properties[i] + " = N'est pas pris en charge");
+    else console.log("..." + properties[i] + " = N'est pas pris en charge");
   }
-  for (let i=0; i < methods.length; i++) {
+  for (let i = 0; i < methods.length; i++) {
     // check each method
     let supported = typeof obj[methods[i]] == "function";
     if (supported) {

diff --git a/files/fr/web/api/performanceentry/entrytype/index.md b/files/fr/web/api/performanceentry/entrytype/index.md
@@ -38,7 +38,6 @@ L'exemple suivant montre l'utilisation de la propriété `entryType`.
 
 ```js
 function run_PerformanceEntry() {
-
   // Vérifie le support des fonctionnalités avant de continuer
   if (performance.mark === undefined) {
     console.log("performance.mark n'est pas pris en charge");
@@ -50,7 +49,7 @@ function run_PerformanceEntry() {
 
   // Vérifie le type d'entrée de toutes les entrées "begin".
   let entriesNamedBegin = performance.getEntriesByName("begin");
-  for (let i=0; i < entriesNamedBegin.length; i++) {
+  for (let i = 0; i < entriesNamedBegin.length; i++) {
     let typeOfEntry = entriesNamedBegin[i].entryType;
     console.log("L'entrée est de type : " + typeOfEntry);
   }

diff --git a/files/fr/web/api/performanceentry/index.md b/files/fr/web/api/performanceentry/index.md
@@ -49,10 +49,7 @@ function print_PerformanceEntries() {
   }
 }
 function print_PerformanceEntry(perfEntry) {
-  let properties = ["name",
-                    "entryType",
-                    "startTime",
-                    "duration"];
+  let properties = ["name", "entryType", "startTime", "duration"];
 
   for (let i = 0; i < properties.length; i++) {
     // Vérifie chaque propriété

diff --git a/files/fr/web/api/performanceentry/name/index.md b/files/fr/web/api/performanceentry/name/index.md
@@ -62,8 +62,7 @@ function check_PerformanceEntry(obj) {
     let supported = properties[i] in obj;
     if (supported)
       console.log("..." + properties[i] + " = " + obj[properties[i]]);
-    else
-      console.log("..." + properties[i] + " = Not supported");
+    else console.log("..." + properties[i] + " = Not supported");
   }
   for (let i = 0; i < methods.length; i++) {
     // Vérifie chaque méthode

diff --git a/files/fr/web/api/performanceentry/starttime/index.md b/files/fr/web/api/performanceentry/starttime/index.md
@@ -65,10 +65,8 @@ function check_PerformanceEntry(obj) {
   for (let i = 0; i < properties.length; i++) {
     // On vérifie chaque propriété
     let supported = properties[i] in obj;
-    if (supported)
-      log("..." + properties[i] + " = " + obj[properties[i]]);
-    else
-      log("..." + properties[i] + " = N'est pas pris en charge");
+    if (supported) log("..." + properties[i] + " = " + obj[properties[i]]);
+    else log("..." + properties[i] + " = N'est pas pris en charge");
   }
   for (let i = 0; i < methods.length; i++) {
     // On vérifie chaque méthode

diff --git a/files/fr/web/api/performanceentry/tojson/index.md b/files/fr/web/api/performanceentry/tojson/index.md
@@ -59,8 +59,7 @@ function check_PerformanceEntry(obj) {
     let supported = properties[i] in obj;
     if (supported)
       console.log("..." + properties[i] + " = " + obj[properties[i]]);
-    else
-      console.log("..." + properties[i] + " = N'est pas pris en charge");
+    else console.log("..." + properties[i] + " = N'est pas pris en charge");
   }
   for (let i = 0; i < methods.length; i++) {
     // On vérifie chaque méthode

diff --git a/files/fr/web/api/performanceeventtiming/index.md b/files/fr/web/api/performanceeventtiming/index.md
@@ -66,8 +66,8 @@ L'interface `PerformanceEventTiming` des événements de l'`Event Timing API` fo
 L'exemple suivant montre comment utiliser l'API pour tous les événements :
 
 ```js
-const observer = new PerformanceObserver(function(list) {
-  const perfEntries = list.getEntries().forEach(entry => {
+const observer = new PerformanceObserver(function (list) {
+  const perfEntries = list.getEntries().forEach((entry) => {
     // Durée totale
     const inputDuration = entry.duration;
     // Retard d'entrée (avant l'événement de traitement)
@@ -77,7 +77,7 @@ const observer = new PerformanceObserver(function(list) {
   });
 });
 // Enregistre un observateur pour l'événement.
-observer.observe({entryTypes: ["event"]});
+observer.observe({ entryTypes: ["event"] });
 ```
 
 Nous pouvons également interroger directement le [premier délai d'entrée](https://web.dev/fid). Le premier délai d'entrée ou « FID : First input delay », mesure le temps entre le moment où un utilisateur interagit pour la première fois avec une page (c'est-à-dire lorsqu'il clique sur un lien ou sur un bouton) et le moment où le navigateur est effectivement en mesure de commencer à traiter les gestionnaires d'événements en réponse à cette interaction.
@@ -87,18 +87,22 @@ Nous pouvons également interroger directement le [premier délai d'entrée](htt
 // https://github.com/w3c/page-visibility/issues/29
 // NOTE : idéalement, cette vérification devrait être effectuée dans le <head> du document
 // pour éviter les cas où l'état de visibilité change avant l'exécution de ce code.
-let firstHiddenTime = document.visibilityState === 'hidden' ? 0 : Infinity;
-document.addEventListener('visibilitychange', (event) => {
-  firstHiddenTime = Math.min(firstHiddenTime, event.timeStamp);
-}, {once: true});
+let firstHiddenTime = document.visibilityState === "hidden" ? 0 : Infinity;
+document.addEventListener(
+  "visibilitychange",
+  (event) => {
+    firstHiddenTime = Math.min(firstHiddenTime, event.timeStamp);
+  },
+  { once: true },
+);
 
 // Envoie les données transmises à un point de terminaison analytique. Ce code
 // utilise `/analytics` ; vous pouvez le remplacer par votre propre URL.
 function sendToAnalytics(data) {
   const body = JSON.stringify(data);
   // Utilise `navigator.sendBeacon()` si disponible, en revenant à `fetch()`.
-  (navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
-      fetch('/analytics', {body, method: 'POST', keepalive: true});
+  (navigator.sendBeacon && navigator.sendBeacon("/analytics", body)) ||
+    fetch("/analytics", { body, method: "POST", keepalive: true });
 }
 
 // Utilise un try/catch au lieu de la fonction de détection de la prise en charge de `first-input`
@@ -113,7 +117,7 @@ try {
       const fid = entry.processingStart - entry.startTime;
 
       // Rapporte la valeur du FID à un terminal d'analyse.
-      sendToAnalytics({fid});
+      sendToAnalytics({ fid });
     }
   }
 
@@ -125,7 +129,7 @@ try {
   // Observe les entrées de type `first-input`, y compris les entrées en mémoire tampon,
   // c'est-à-dire les entrées qui ont eu lieu avant d'appeler `observe()` ci-dessous.
   po.observe({
-    type: 'first-input',
+    type: "first-input",
     buffered: true,
   });
 } catch (e) {

diff --git a/files/fr/web/api/performancenavigationtiming/domcomplete/index.md b/files/fr/web/api/performancenavigationtiming/domcomplete/index.md
@@ -31,13 +31,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/domcontentloadedeventend/index.md b/files/fr/web/api/performancenavigationtiming/domcontentloadedeventend/index.md
@@ -31,13 +31,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/domcontentloadedeventstart/index.md b/files/fr/web/api/performancenavigationtiming/domcontentloadedeventstart/index.md
@@ -31,13 +31,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/dominteractive/index.md b/files/fr/web/api/performancenavigationtiming/dominteractive/index.md
@@ -27,17 +27,22 @@ function print_nav_timing_data() {
   // Utilise getEntriesByType() pour obtenir uniquement les événements de type "navigation".
   let perfEntries = performance.getEntriesByType("navigation");
 
-  for (let i =0; i < perfEntries.length; i++) {
+  for (let i = 0; i < perfEntries.length; i++) {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/loadeventend/index.md b/files/fr/web/api/performancenavigationtiming/loadeventend/index.md
@@ -31,13 +31,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/loadeventstart/index.md b/files/fr/web/api/performancenavigationtiming/loadeventstart/index.md
@@ -31,13 +31,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/redirectcount/index.md b/files/fr/web/api/performancenavigationtiming/redirectcount/index.md
@@ -31,13 +31,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/type/index.md b/files/fr/web/api/performancenavigationtiming/type/index.md
@@ -40,13 +40,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/unloadeventend/index.md b/files/fr/web/api/performancenavigationtiming/unloadeventend/index.md
@@ -31,13 +31,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);

diff --git a/files/fr/web/api/performancenavigationtiming/unloadeventstart/index.md b/files/fr/web/api/performancenavigationtiming/unloadeventstart/index.md
@@ -31,13 +31,18 @@ function print_nav_timing_data() {
     console.log("= Entrée de navigation : entry[" + i + "]");
     let p = perfEntries[i];
     // propriétés du DOM
-    console.log("Contenu du DOM chargé = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
+    console.log(
+      "Contenu du DOM chargé = " +
+        (p.domContentLoadedEventEnd - p.domContentLoadedEventStart),
+    );
     console.log("Contenu du DOM complet = " + p.domComplete);
     console.log("Contenu du DOM interactif = " + p.interactive);
 
     // temps de chargement et de déchargement des documents
     console.log("Document chargé = " + (p.loadEventEnd - p.loadEventStart));
-    console.log("Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart));
+    console.log(
+      "Document déchargé = " + (p.unloadEventEnd - p.unloadEventStart),
+    );
 
     // autres propriétés
     console.log("type = " + p.type);