diff options
Diffstat (limited to 'files/fr/web/api/cache')
| -rw-r--r-- | files/fr/web/api/cache/add/index.html | 4 | ||||
| -rw-r--r-- | files/fr/web/api/cache/addall/index.html | 2 | ||||
| -rw-r--r-- | files/fr/web/api/cache/delete/index.html | 2 | ||||
| -rw-r--r-- | files/fr/web/api/cache/index.html | 16 | ||||
| -rw-r--r-- | files/fr/web/api/cache/keys/index.html | 7 | ||||
| -rw-r--r-- | files/fr/web/api/cache/match/index.html | 6 | ||||
| -rw-r--r-- | files/fr/web/api/cache/matchall/index.html | 6 | ||||
| -rw-r--r-- | files/fr/web/api/cache/put/index.html | 10 |
8 files changed, 27 insertions, 26 deletions
diff --git a/files/fr/web/api/cache/add/index.html b/files/fr/web/api/cache/add/index.html index 0106a19573..83fd3085ba 100644 --- a/files/fr/web/api/cache/add/index.html +++ b/files/fr/web/api/cache/add/index.html @@ -27,12 +27,12 @@ translation_of: Web/API/Cache/add <p>Pour des opérations plus complexes, il faut utiliser {{domxref("Cache.put","Cache.put()")}} directement.</p> <div class="note"> -<p><strong>Note</strong>: <code>add()</code> écrasera toute paire clé/valeur précedemment stockée en cache et qui correspond à la requête.</p> +<p><strong>Note :</strong> <code>add()</code> écrasera toute paire clé/valeur précedemment stockée en cache et qui correspond à la requête.</p> </div> <h2 id="Syntaxe">Syntaxe</h2> -<pre class="sytaxbox"><em>cache</em>.add(<em>request</em>).then(function() { +<pre class="brush: js">cache.add(request).then(function() { //request a été ajoutée au cache }); </pre> diff --git a/files/fr/web/api/cache/addall/index.html b/files/fr/web/api/cache/addall/index.html index 2c01cdc54d..98f5111d78 100644 --- a/files/fr/web/api/cache/addall/index.html +++ b/files/fr/web/api/cache/addall/index.html @@ -18,7 +18,7 @@ translation_of: Web/API/Cache/addAll <p>La méthode <strong><code>addAll()</code></strong> de l'interface {{domxref("Cache")}} accepte un tableau d'URLS, les récupères, et ajoute les objets réponse qui en résultent au cache en question. Les objets requêtes crées pendant la phase de récupération deviennent des clés vers les opérations de réponse stockées. </p> <div class="note"> -<p><strong>Note</strong>: <code>addAll()</code> écrasera toute paire clé/valeur précedemment stockée en cache et qui correspond à une requête, mais échouera si l'opération <code>put() </code>ainsi créée devrait engendrer l'éffacement d'une entrée cache créée par la même méthode <code>addAll()</code>.</p> +<p><strong>Note :</strong> <code>addAll()</code> écrasera toute paire clé/valeur précedemment stockée en cache et qui correspond à une requête, mais échouera si l'opération <code>put() </code>ainsi créée devrait engendrer l'éffacement d'une entrée cache créée par la même méthode <code>addAll()</code>.</p> </div> <h2 id="Syntaxe">Syntaxe</h2> diff --git a/files/fr/web/api/cache/delete/index.html b/files/fr/web/api/cache/delete/index.html index b75eccb772..5100ece8c8 100644 --- a/files/fr/web/api/cache/delete/index.html +++ b/files/fr/web/api/cache/delete/index.html @@ -43,7 +43,7 @@ translation_of: Web/API/Cache/delete <p>Une {{jsxref("Promise", "Promesse")}} qui est résolue à <code>true</code> si l'entrée de cache est supprimée, ou à <code>false</code> dans le cas contraire.</p> -<h2 id="Exemples" style="line-height: 30px; font-size: 2.14285714285714rem;">Exemples</h2> +<h2 id="Exemples">Exemples</h2> <pre class="brush: js">caches.open('v1').then(function(cache) { cache.delete('/images/image.png').then(function(response) { diff --git a/files/fr/web/api/cache/index.html b/files/fr/web/api/cache/index.html index b9215d7cf4..384689d3fa 100644 --- a/files/fr/web/api/cache/index.html +++ b/files/fr/web/api/cache/index.html @@ -21,12 +21,12 @@ translation_of: Web/API/Cache <p>Vous êtes également responsable de la purge périodique des entrées du cache. Chaque navigateur a une limite stricte sur la quantité de mémoire cache qu'une origine donnée peut utiliser. Les estimations de l'utilisation du quota de cache sont disponibles via le lien {{domxref("StorageEstimate")}} API. Le navigateur fait de son mieux pour gérer l'espace disque, mais il peut supprimer le stockage en cache d'une origine. Le navigateur supprime généralement toutes les données d'une origine ou aucune des données d'une origine. Veillez à nommer les caches et à n'utiliser les caches qu'à partir de la version du script sur laquelle ils peuvent fonctionner en toute sécurité. Pour plus d'informations, voir <a href="/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers#Supprimer_les_anciens_caches">Suppression des anciens caches</a>.</p> -<div class="blockIndicator note"> -<p><strong>Note</strong> : Les implémentations initiales du cache (dans Blink et Gecko) résolvent les engagements {{domxref("Cache.add()")}}, {{domxref("Cache.addAll()")}}, et {{domxref("Cache.put()")}} lorsque le corps de la réponse est entièrement écrit sur le stockage. Des versions plus récentes de la spécification précisent que le navigateur peut résoudre la promesse dès que l'entrée est enregistrée dans la base de données, même si le corps de réponse est encore en cours d'écriture.</p> +<div class="note"> +<p><strong>Note :</strong> Les implémentations initiales du cache (dans Blink et Gecko) résolvent les engagements {{domxref("Cache.add()")}}, {{domxref("Cache.addAll()")}}, et {{domxref("Cache.put()")}} lorsque le corps de la réponse est entièrement écrit sur le stockage. Des versions plus récentes de la spécification précisent que le navigateur peut résoudre la promesse dès que l'entrée est enregistrée dans la base de données, même si le corps de réponse est encore en cours d'écriture.</p> </div> -<div class="blockIndicator note"> -<p><strong>Note </strong>: L'algorithme des correspondances de clés est dépendant de la valeur de l'<a href="https://www.fastly.com/blog/best-practices-using-vary-header">en-tête VARY</a>. Ainsi, pour faire correspondre une nouvelle clé, il faut examiner à la fois la clé et la valeur des entrées dans le Cache.</p> +<div class="note"> +<p><strong>Note :</strong> L'algorithme des correspondances de clés est dépendant de la valeur de l'<a href="https://www.fastly.com/blog/best-practices-using-vary-header">en-tête VARY</a>. Ainsi, pour faire correspondre une nouvelle clé, il faut examiner à la fois la clé et la valeur des entrées dans le Cache.</p> </div> <div class="blockIndicator note"> @@ -62,7 +62,9 @@ translation_of: Web/API/Cache <p>Cet extrait de code illustre également une bonne pratique pour versionner les caches utilisés par le service worker. Bien qu'il y ait seulement un cache dans cet exemple, la même approche peut être utilisée pour des caches multiples. Il associe un identifiant court avec un nom de cache versionné et spécifique. Le code supprime aussi tous les caches qui ne sont pas nommés dans <code>CURRENT_CACHES</code>.</p> -<div class="note"><strong>Note:</strong> In Chrome, visit chrome://inspect/#service-workers and click on the "inspect" link below the registered service worker to view logging statements for the various actions the <a href="https://github.com/GoogleChrome/samples/blob/gh-pages/service-worker/selective-caching/service-worker.js">service-worker.js</a> script is performing.</div> +<div class="note"> + <p><strong>Note:</strong> In Chrome, visit chrome://inspect/#service-workers and click on the "inspect" link below the registered service worker to view logging statements for the various actions the <a href="https://github.com/GoogleChrome/samples/blob/gh-pages/service-worker/selective-caching/service-worker.js">service-worker.js</a> script is performing.</p> +</div> <pre class="brush: js">var CACHE_VERSION = 1; @@ -145,8 +147,8 @@ self.addEventListener('fetch', function(event) { <ul> <li><a href="/fr/docs/Web/API/Service_Worker_API/Using_Service_Workers">Utiliser les Service Workers</a></li> - <li><a class="external external-icon" href="https://github.com/mdn/sw-test">Code d'exemple basique de Service workers</a></li> - <li><a class="external external-icon" href="https://jakearchibald.github.io/isserviceworkerready/">Le ServiceWorker est prêt ?</a></li> + <li><a href="https://github.com/mdn/sw-test">Code d'exemple basique de Service workers</a></li> + <li><a href="https://jakearchibald.github.io/isserviceworkerready/">Le ServiceWorker est prêt ?</a></li> <li>{{jsxref("Promise" , "Promesse" )}}</li> <li><a href="/fr/docs/Web/API/Web_Workers_API/Utilisation_des_web_workers">Utilisation des Web Workers</a></li> </ul> diff --git a/files/fr/web/api/cache/keys/index.html b/files/fr/web/api/cache/keys/index.html index 090d9375a7..faabe1581d 100644 --- a/files/fr/web/api/cache/keys/index.html +++ b/files/fr/web/api/cache/keys/index.html @@ -19,7 +19,7 @@ translation_of: Web/API/Cache/keys <p>Les requêtes sont retournées dans le même ordre que l'ordre d'insertion.</p> <div class="note"> -<p><strong>Note</strong>: Les requêtes avec des URLs déjà présentes mais des headers différents peuvent être retournées si leurs réponses comportent le header <code>VARY</code>.</p> +<p><strong>Note :</strong> Les requêtes avec des URLs déjà présentes mais des headers différents peuvent être retournées si leurs réponses comportent le header <code>VARY</code>.</p> </div> <h2 id="Syntaxe">Syntaxe</h2> @@ -35,8 +35,7 @@ translation_of: Web/API/Cache/keys <dt>request {{optional_inline}}</dt> <dd>La {{domxref("Request", "Requête")}} à retourner, si une clé en particulier est désirée.</dd> <dt>options {{optional_inline}}</dt> - <dd>Un objet dont les paramètres contrôlent comment le matching est effectué lors de l'opération <code>keys</code>. Les options disponibles sont :</dd> - <dd> + <dd><p>Un objet dont les paramètres contrôlent comment le matching est effectué lors de l'opération <code>keys</code>. Les options disponibles sont :</p> <ul> <li><code>ignoreSearch</code>: Un {{domxref("Boolean")}} qui spécifie si le matching doit ignorer ou non la query string dans l'url. Si mis à <code>true</code>, la partie <code>?value=bar</code> de l'url <code>http://foo.com/?value=bar</code> sera ignorée lors du matching. Est à <code>false</code> par défaut.</li> <li><code>ignoreMethod</code>: Un {{domxref("Boolean")}} qui, quand mis à <code>true</code>, empêche les opérations de matching de valider la méthode <code>HTTP</code> de la {{domxref("Request", "Requête")}} (en temps normal, seules <code>GET</code> et <code>HEAD</code> sont autorisées). Est à <code>false</code> par défaut.</li> @@ -50,7 +49,7 @@ translation_of: Web/API/Cache/keys <p>Une {{jsxref("Promise", "Promesse")}} qui est résolue en un tableau de clé de {{domxref("Cache")}}.</p> -<h2 id="Exemples" style="line-height: 30px; font-size: 2.14285714285714rem;">Exemples</h2> +<h2 id="Exemples">Exemples</h2> <pre class="brush: js">caches.open('v1').then(function(cache) { cache.keys().then(function(keys) { diff --git a/files/fr/web/api/cache/match/index.html b/files/fr/web/api/cache/match/index.html index a49e733af6..7867ba79a6 100644 --- a/files/fr/web/api/cache/match/index.html +++ b/files/fr/web/api/cache/match/index.html @@ -44,16 +44,16 @@ translation_of: Web/API/Cache/match <p>Une {{jsxref("Promise", "Promesse")}} qui est résolue en la première {{domxref("Response", "Réponse")}} qui match la requête, ou en {{jsxref("undefined")}} si aucune requête n'est trouvée.</p> <div class="note"> -<p><strong>Note</strong>: <code>Cache.match()</code> est quasiment identique à {{domxref("Cache.matchAll()")}}, si ce n'est qu'elle est résolue en <code>response[0]</code> (la première réponse qui matche) plutôt que <code>response[]</code> (un tableau de toutes les réponses qui matchent).</p> +<p><strong>Note :</strong> <code>Cache.match()</code> est quasiment identique à {{domxref("Cache.matchAll()")}}, si ce n'est qu'elle est résolue en <code>response[0]</code> (la première réponse qui matche) plutôt que <code>response[]</code> (un tableau de toutes les réponses qui matchent).</p> </div> -<h2 id="Exemples" style="line-height: 30px; font-size: 2.14285714285714rem;">Exemples</h2> +<h2 id="Exemples">Exemples</h2> <p>Cet exemple est extrait de l'exemple <a href="https://github.com/GoogleChrome/samples/blob/gh-pages/service-worker/custom-offline-page/service-worker.js">Page hors ligne custom</a> (<a href="https://googlechrome.github.io/samples/service-worker/custom-offline-page/index.html">demo</a>).</p> <p>L'exemple suivant se sert d'un cache pour fournir les données demandées même quand une requête échoue. Une clause <code>catch()</code> est déclenchée quand l'appel à <code>fetch()</code> lève une exception. A l'intérieur de la clause <code>catch()</code>, <code>match()</code> est utilisée to pour retourner la réponse appropriée.</p> -<p>Dans cet exemple, nous avons décidé que seul les documents HTML récupérés via le verbe HTTP GET seront mis en cache. <span style="line-height: 19.0909080505371px;">Si notre condition <code>if()</code> est false, le gestionnaire fetch n'intercepte pas la requête. Si d'autres gestionnaires fetch sont enregistrés, ils ont une occasion d'appeler <code>event.respondWith()</code>. Si aucun gestionnaire fetch ne décide d'appeler <code>event.respondWith()</code>, la requête sera gérée par le navigateur comme si les service workers n'avaient pas existé. Si </span><code style="font-style: normal; line-height: 19.0909080505371px;">fetch()</code><span style="line-height: 19.0909080505371px;"> retourne une réponse HTTP valide avec un code réponse dans les 4xx ou 5xx, la clause </span><code style="font-style: normal; line-height: 19.0909080505371px;">catch()</code><span style="line-height: 19.0909080505371px;"> ne sera PAS appelée. </span></p> +<p>Dans cet exemple, nous avons décidé que seul les documents HTML récupérés via le verbe HTTP GET seront mis en cache. Si notre condition <code>if()</code> est false, le gestionnaire fetch n'intercepte pas la requête. Si d'autres gestionnaires fetch sont enregistrés, ils ont une occasion d'appeler <code>event.respondWith()</code>. Si aucun gestionnaire fetch ne décide d'appeler <code>event.respondWith()</code>, la requête sera gérée par le navigateur comme si les service workers n'avaient pas existé. Si <code>fetch()</code> retourne une réponse HTTP valide avec un code réponse dans les 4xx ou 5xx, la clause <code>catch()</code> ne sera PAS appelée. </p> <pre class="brush: js">self.addEventListener('fetch', function(event) { // We only want to call event.respondWith() if this is a GET request for an HTML document. diff --git a/files/fr/web/api/cache/matchall/index.html b/files/fr/web/api/cache/matchall/index.html index 50126ead5c..86d1dad2bf 100644 --- a/files/fr/web/api/cache/matchall/index.html +++ b/files/fr/web/api/cache/matchall/index.html @@ -30,7 +30,7 @@ translation_of: Web/API/Cache/matchAll <dt>request</dt> <dd>La {{domxref("Request", "Requête")}} à trouver dans le {{domxref("Cache")}}.</dd> <dt>options {{optional_inline}}</dt> - <dd>Un objet d'options vous permettant de définir des options de contrôle spécifiques pour la correspondance effectuée. Les options disponibles sont les suivantes : + <dd><p>Un objet d'options vous permettant de définir des options de contrôle spécifiques pour la correspondance effectuée. Les options disponibles sont les suivantes :</p> <ul> <li><code>ignoreSearch</code>: Un {{domxref("Boolean")}} qui spécifie si le matching doit ignorer ou non la query string dans l'url. Si mis à <code>true</code>, la partie <code>?value=bar</code> de l'url <code>http://foo.com/?value=bar</code> sera ignorée lors du matching. Est à <code>false</code> par défaut.</li> <li><code>ignoreMethod</code>: Un {{domxref("Boolean")}} qui, quand mis à <code>true</code>, empêche les opérations de matching de valider la méthode <code>HTTP</code> de la {{domxref("Request", "Requête")}} (en temps normal, seules <code>GET</code> et <code>HEAD</code> sont autorisées.) Est à <code>false</code> par défaut.</li> @@ -44,10 +44,10 @@ translation_of: Web/API/Cache/matchAll <p>Une {{jsxref("Promise", "Promesse")}} qui est résolue en un tableau de toutes les requêtes qui matchent dans l'objet {{domxref("Cache")}}.</p> <div class="note"> -<p><strong>Note</strong>: {{domxref("Cache.match()")}} est quasiment identique à <a href="https://developer.mozilla.org/fr/docs/Web/API/Cache/matchAll" title="Cette documentation n'a pas encore été rédigée, vous pouvez aider en contribuant !"><code>Cache.matchAll()</code></a>, si ce n'est qu'elle est résolue en <code>response[0]</code> (la première réponse qui matche) plutôt que <code>response[]</code> (un tableau de toutes les réponses qui matchent).</p> +<p><strong>Note :</strong> {{domxref("Cache.match()")}} est quasiment identique à <a href="/fr/docs/Web/API/Cache/matchAll"><code>Cache.matchAll()</code></a>, si ce n'est qu'elle est résolue en <code>response[0]</code> (la première réponse qui matche) plutôt que <code>response[]</code> (un tableau de toutes les réponses qui matchent).</p> </div> -<h2 id="Exemples" style="line-height: 30px; font-size: 2.14285714285714rem;">Exemples</h2> +<h2 id="Exemples">Exemples</h2> <pre class="brush: js">caches.open('v1').then(function(cache) { cache.matchAll('/images/').then(function(response) { diff --git a/files/fr/web/api/cache/put/index.html b/files/fr/web/api/cache/put/index.html index c5d6b0a51e..b8a7f9f5cd 100644 --- a/files/fr/web/api/cache/put/index.html +++ b/files/fr/web/api/cache/put/index.html @@ -27,15 +27,15 @@ translation_of: Web/API/Cache/put })</pre> <div class="note"> -<p><strong>Note</strong>: <code>put()</code> écrasera toute paire clé/valeur précedemment stockée en cache et qui correspond à la requête.</p> +<p><strong>Note :</strong> <code>put()</code> écrasera toute paire clé/valeur précedemment stockée en cache et qui correspond à la requête.</p> </div> <div class="note"> -<p><strong>Note</strong>: Les implémentations initiales de Cache (à la fois dans Blink et Gecko) résolvent les promesses {{domxref("Cache.add")}}, {{domxref("Cache.addAll")}}, et {{domxref("Cache.put")}} quand le corps de la réponse est entièrement écrit en stockage. Les versions plus récentes des spécifications sont plus précises en déclarant que le navigateur peut résoudre ces promesses dès que l'entrée est enregistrée en base de donnée, même si le reste de la requête est encore en train d'arriver.</p> +<p><strong>Note :</strong> Les implémentations initiales de Cache (à la fois dans Blink et Gecko) résolvent les promesses {{domxref("Cache.add")}}, {{domxref("Cache.addAll")}}, et {{domxref("Cache.put")}} quand le corps de la réponse est entièrement écrit en stockage. Les versions plus récentes des spécifications sont plus précises en déclarant que le navigateur peut résoudre ces promesses dès que l'entrée est enregistrée en base de donnée, même si le reste de la requête est encore en train d'arriver.</p> </div> <div class="note"> -<p><strong>Note:</strong> Depuis Chrome 46, l'API Cache ne stocke que les requêtes depuis des origines sécurisées, à savoir celles servies en HTTPS.</p> +<p><strong>Note :</strong> Depuis Chrome 46, l'API Cache ne stocke que les requêtes depuis des origines sécurisées, à savoir celles servies en HTTPS.</p> </div> <h2 id="Syntaxe">Syntaxe</h2> @@ -59,10 +59,10 @@ translation_of: Web/API/Cache/put <p>Une {{jsxref("Promise", "Promesse")}} est retournée avec void.</p> <div class="note"> -<p><strong>Note</strong>: La promesse sera rompue avec un <code>TypeError</code> si le schéma d'URL n'est pas <code>http</code> ou <code>https</code>.</p> +<p><strong>Note :</strong> La promesse sera rompue avec un <code>TypeError</code> si le schéma d'URL n'est pas <code>http</code> ou <code>https</code>.</p> </div> -<h2 id="Exemples" style="line-height: 30px; font-size: 2.14285714285714rem;">Exemples</h2> +<h2 id="Exemples">Exemples</h2> <p>Cet extrait de code est tiré du MDN <a href="https://github.com/mdn/sw-test/">sw-test example</a> (lancez <a href="https://mdn.github.io/sw-test/">sw-test dans votre navigateur</a>). On attend le déclenchement d'un {{domxref("FetchEvent")}}, puis l'on va retourner une réponse spéciale d'après la procédure suivante :</p> |