```
-#### 失效控件
+#### 被禁用的控件
-当一个自定义控件变成失效（disabled）状态时，通过设置 tabindex="-1" 把它从 tab 序列里面移除。注意在一个组合组件里面失效状态的子项（比如菜单控件里面某一个菜单项）应该在方向键的响应事件里面跳过它不让 focus 中。
+当一个自定义控件变成禁用（disabled）状态时，通过设置 `tabindex="-1"` 把它从 tab 序列里面移除。请注意，组合微件中禁用的项目（如菜单中的菜单项）仍可使用箭头键导航。
-### 在组合控件里面管理 focus
+## 在组合控件里面管理焦点
-当用户从一个组件 tab 离开之后 focus 回来，焦点应该回到离开之时正被 focus 中的元素上，比如某个树节点或者网格单元。有两种办法完成这一点：
+当用户从一个微件 tab 离开之后聚焦回来，焦点应该回到离开之时正被聚焦的元素上，比如某个树节点或者网格单元。有两种办法完成这一点：
-1. 流动 `tabindex`: 通过编程移动 focus
-2. `aria-activedescendent`: 管理一个“虚拟”focus
+1. 流动 `tabindex`: 通过编程移动焦点
+2. `aria-activedescendent`: 管理一个“虚拟”焦点
-#### 方法 1: 流动 tabindex
+### 方法 1：流动 tabindex
-在被 focus 中元素上设置 `tabindex` 为 "0"，这样可以保证在用户在 tab 离开又返回后仍然选中组合组件中之前被选中的那项。注意在更改 tabindex 为“0”同时需要把之前选中过的那项设置`tabindex="-1"`。这个方法包含在键盘事件里面通过程序移动焦点以及更改 `tabindex` 到当前焦点中的那项上。需要做以下几步：
+在被聚焦的元素上设置 `tabindex` 为“0”，这样可以保证在用户在 tab 离开又返回后仍然选中组合微件中之前被选中的那项。注意在更改 `tabindex` 为“0”同时需要把之前选中过的那项设置 `tabindex="-1"`。这个方法包含在键盘事件里面通过程序移动焦点以及更改 `tabindex` 到当前焦点中的那项上。需要做以下几步：
在每个元素上绑定 key down 事件，当捕捉到控制移动到另外元素的方向键时：
1. 通过编码把 focus 应用到新元素上，
-2. 更改被 focus 中元素上的 tabindex 为“0”
-3. 更改之前被 focus 中元素的 tabindex 为“-1”.
+2. 更改被 focus 中元素上的 tabindex 为“0”，并且
+3. 更改之前被 focus 中元素的 tabindex 为“-1”。
-这里有个 WAI-ARIA tree view 的例子是使用这种方案的。
+下面是一个使用这种技术的 [WAI-ARIA 树视图](https://files.paciellogroup.com/training/WWW2012/samples/Samples/aria/tree/index.html)示例。
### 提示
-#### 用 element.focus() 来设置焦点 focus
+#### 用 element.focus() 来设置焦点
-不要使用 `createEvent()`, `initEvent()` 和 `dispatchEvent()` 来发送焦点事件到元素上。DOM 的 focus 事件被认为仅是一种信息：当有事物被 focus 中的时候系统自动产生的，但是实际上没有用来设置焦点。用 `element.focus()` 来替代。
+不要使用 `createEvent()`、`initEvent()` 和 `dispatchEvent()` 来将焦点事件发送到元素上。DOM 焦点事件仅被视为信息性事件：由系统在某物被聚焦后生成，但实际上并不用于设置焦点。请使用 `element.focus()` 代替。
-#### 用 onfocus 来追踪当前 focus
+#### 用 onfocus 来追踪当前焦点
-不要认为所有的焦点变化都来自于键盘和鼠标事件：像屏幕阅读器之类的辅助技术可以设置焦点到任意一个可 focus 中的元素上。用 onfocus 和 onblur 来追踪焦点。
+不要认为所有的焦点变化都来自于键盘和鼠标事件：像屏幕阅读器之类的辅助技术可以设置焦点到任意一个可聚焦元素上。用 `onfocus` 和 `onblur` 来追踪焦点。
-`onfocus` 和 `onblur` 现在可以在每个元素上使用。没有标准的 DOM 接口来获取当前文档的 focus，所以如果你想追踪就需要保存追踪数据在 JavaScript 变量里。
+`onfocus` 和 `onblur` 现在可以在每个元素上使用。没有标准的 DOM 接口来获取当前文档的焦点，如果要跟踪焦点状态，可以使用 [document.activeElement](/zh-CN/docs/Web/API/Document/activeElement) 来获取活动元素。还可以使用 [document.hasFocus](/zh-CN/docs/Web/API/Document/hasFocus) 来确定当前文档是否处于焦点状态。
-#### 方法 2: aria-activedescendant
+### 方法 2：`aria-activedescendant`
-这个办法包含绑定一个单独的事件句柄到容器窗口组件上，运用 `aria-activedescendent` 属性来追踪一个 "虚拟" 焦点。（关于 ARIA 更多的信息，查看[可访问的 Web 应用程序和组件概述](/zh-CN/docs/Web/Accessibility/An_overview_of_accessible_web_applications_and_widgets)。）
+这个办法包含绑定一个单独的事件句柄到容器窗口微件上，运用 `aria-activedescendent` 属性来追踪一个“虚拟”焦点。（关于 ARIA 更多的信息，查看[无障碍的 Web 应用程序和微件概述](/zh-CN/docs/Web/Accessibility/An_overview_of_accessible_web_applications_and_widgets)。）
-`aria-activedescendant` 属性用来标识拥有虚拟焦点的后代元素的 ID。在窗口容器的事件句柄里面在键盘和鼠标事件响应更新 aria-activedescendant 值并且确保当前 The event handler on the container must respond to key and mouse events by updating the value of `aria-activedescendant` and ensuring that the current item is styled appropriately (for example, with a border or background color).
+`aria-activedescendant` 属性标识当前具有虚拟焦点的后代元素的 ID。容器上的事件处理程序必须通过更新 `aria-activedescendant` 属性的值来响应按键和鼠标事件，并确保当前项目的样式适当（例如，使用边框或背景色）。
-### Tips
+## 一般准则
-#### scrollIntoView
-
-Note that the use of this pattern requires the author to ensure that the current _focused_ widget is scrolled into view. You should be able to use the {{ domxref("element.scrollIntoView()") }} function, but we recommend confirming this works for you in your target browsers using the [quirksmode test](http://www.quirksmode.org/dom/tests/scrollintoview.html).
-
-#### Issues
-
-- [quirksmode reports problems in Opera, and Konqueror](http://www.quirksmode.org/dom/w3c_cssom.html)
-- [Firefox 3.0.1 introduced bug](https://bugzilla.mozilla.org/show_bug.cgi?id=450405)
-
-### 一般准则
-
-#### 使用 onkeydown 来捕获的关键事件，而不是 onkeypress 事件
+### 使用 onkeydown 来捕获键盘事件，而不是 onkeypress 事件
IE 不会触发非字母数字键的 `keypress` 事件。使用 `onkeydown` 替代。
-#### 确保键盘和鼠标有相同的体验
+### 确保键盘和鼠标有相同的体验
为了确保不同输入设备的用户体验一致，键盘和鼠标事件处理程序在适当的情况下应该共享代码。例如，当用户使用方向键导航的时候，一些代码会更新相应元素的 `tabindex` 或风格，用鼠标点击也应该有同样的变化。
-#### 确保键盘可以激活元素
-
-要确保键盘可以激活元素，所有鼠标事件的绑定也同时要绑定到键盘事件上。例如，为了确保回车键能激活某个元素，如果你使用了 `onclick="DoSomething()"，` 你需要把 `doSomething()` 绑定到 key down 事件上：`onkeydown="return event.keyCode != 13 || doSomething();"`.
-
-#### 不要使用 :focus 来设置焦点的样式（如果要兼容 IE7 及更早版本）
+### 确保键盘可以激活元素
-IE 7 及更早版本不支持 `:focus` 伪选择器，不要用它来设置焦点的样式。替代方法是在 `onfocus`事件处理程序中设置样式，例如，添加一个 CSS 样式到 `class` 属性中。
+为确保键盘可用于激活元素，与鼠标事件绑定的处理程序也应与键盘事件绑定。例如，为确保 Enter 键能激活元素，如果有一个 `onclick="doSomething()"`，则应将 `doSomething()` 也绑定到按键事件： `onkeydown="return event.keyCode !== 13 || doSomething();"`。
-#### 始终用程序为 tabindex="-1" 的项和元素设置焦点样式
+### 始终用程序为 tabindex="-1" 的项和元素设置焦点样式
-IE 不会自动为`tabindex="-1"`的元素绘制聚焦框。可以选择一种方法解决，比如通过 `this.style.backgroundColor="gray"` 改变选中项目的背景颜色，或通过 `this.style.border="1px dotted invert"` 添加虚线边框。如果使用虚线边框的，需要确保这些元素有隐含的一象素边框，这样，当聚焦的边框样式应用上去的时候，元素的大小才不会改变（边框会占用空间，而 IE 没有实现 CSS outline）。
+对于以编程方式接收焦点的项目，IE 不会自动绘制焦点轮廓。可以选择通过 `this.style.backgroundColor = "gray";` 更改背景颜色，或通过 `this.style.border = "1px dotted invert"` 添加点状边框。在点状边框的情况下，需要确保这些元素一开始就有一个不可见的 1px 边框，这样在应用边框样式时元素就不会变大（边框会占用空间，而 IE 并没有实现 CSS 的轮廓）。
-#### 阻止浏览器的按键事件处理
+### 阻止浏览器的按键事件处理
-如果你用自己的插件处理按键事件，可以通过事件处理程序的返回值来阻止浏览器的缺省处理（例如，响应方向键的滚动）。如果你的事件处理程序返回 `false`，事件就不会冒泡到处理程序外面。
+如果你用自己的微件处理按键事件，可以通过事件处理程序的返回值来阻止浏览器的缺省处理（例如，响应方向键的滚动）。如果你的事件处理程序返回 `false`，事件就不会传播到处理程序之外。
例如：
```html
-
+…
```
如果 `handleKeyDown()` 返回 `false`，将会结束事件处理，阻止浏览器继续处理按键行为。
-#### 不要认为按键连发（repeat）有一致性
+### 不要依赖于按键重复的一致行为
-非常不幸，`onkeydown` 连发或不连发取决于代码执行的浏览器和操作系统。
+非常不幸，`onkeydown` 重复或不重复执行取决于代码执行的浏览器和操作系统。
From 7cb58da8aedae12bd5023ad127445bb593d939e1 Mon Sep 17 00:00:00 2001
From: A1lo
Date: Tue, 21 Nov 2023 20:06:52 +0800
Subject: [PATCH 03/93] zh-cn: init the translation of Code style guide
(#16990)
---
.../code_style_guide/index.md | 194 ++++++++++++++++++
1 file changed, 194 insertions(+)
create mode 100644 files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md
diff --git a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md
new file mode 100644
index 00000000000000..d75d9ccbd78693
--- /dev/null
+++ b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/index.md
@@ -0,0 +1,194 @@
+---
+title: 代码示例编写指南
+slug: MDN/Writing_guidelines/Writing_style_guide/Code_style_guide
+l10n:
+ sourceCommit: 2ef5f5de8982fb9df0a0b8385d7b7a16b5497a6a
+---
+
+{{MDNSidebar}}
+
+本文中描述的指南适用于代码示例的样式美化以及格式化，与语言无关。有关编写代码示例时要包含的内容的指南，请参阅[写作风格指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide#代码示例)。
+
+对于特定技术的指南，请参阅以下文章：
+
+- [HTML 指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/HTML)
+- [CSS 指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/CSS)
+- [JavaScript 指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/JavaScript)
+- [Shell 提示符指南](/zh-CN/docs/MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/Shell)
+
+## 通用最佳实践
+
+本节提供了创建可理解的，用于演示某个特性或函数用法的最小代码示例的最佳实践。
+
+添加到 MDN Web 文档的代码示例应该是：
+
+- 简单而易于理解，或者
+- 复杂而足以做一些有趣的事情（且最好是有用的）。
+
+你需要牢记的是，**读者将会复制并粘贴代码示例到他们自己的代码中，并可能将其用于生产**。
+
+因此，你应该确保代码示例可用，遵循普遍接受的最佳实践，并且**不会**导致应用程序不安全、效率底下、臃肿或无法访问。如果代码示例不可运行或不适合生产，请确保在代码注释和解释性文本中包含警告；例如，如果它只是一个片段而不是一个完整的示例，请明确说明。这也意味着你应该提供运行示例所需的**所有**信息，包括任何依赖项和设置信息。
+
+代码示例应该尽可能独立且易于理解。其目的不一定是编写高效、聪明的代码，以令专家印象深刻并具有出色的功能，而是编写简化的可运行的示例，以便于理解。
+
+一些更通用的最佳实践包括：
+
+- 代码示例应尽可能简短，并且理想情况下只展示你感兴趣的特性。
+- **仅**包含示例所需的代码。大量不相关的代码很容易分散读者的注意力或让他们感到困扰。如果你想提供一个完整的、更长的示例，请将其放在我们的 [GitHub 仓库](https://github.com/mdn/)（或 JSBin、Codepen 等类似的仓库）中，然后在示例上方或下方提供完整版本的链接。
+- 不要包含不必要的服务器端代码、库、框架、预处理器和其他依赖项。它们会使代码不易于移植，也更难以运行和理解。尽可能使用原生代码。
+- 不要假设读者知道任何库、框架、预处理器或其他非原生特性。例如，使用在示例中有意义的类名，而不是对 BEM 或 Bootstrap 用户有意义的类名。
+- 编写尽可能简介且易于理解的代码，即使它不是编写代码最有效的方式。
+- 使代码更加包容；请考虑 MDN 的读者来自世界各地，他们的种族、宗教、年龄、性别等各不相同。确保代码示例中的文本反映了这种多样性和包容性。
+- 请不要为了简洁而使用不好的做法（例如表现元素 {{HTMLElement("big")}} 或 {{domxref("Document.write", "document.write()")}}）；请正确地编写代码。
+- 对于 API 演示，如果你同时使用了多个 API，请指出包含了哪些 API，以及用到的特性来自于哪里。
+
+## 格式化指南
+
+关于正确缩进、空格和行长度的意见一直存在争议。对这些主题的讨论会分散注意力，从而影响内容的创建和维护。
+
+在 MDN Web 文档中，我们使用 [Prettier](https://prettier.io/) 作为代码格式化工具，以保持代码风格的一致性（并避免偏离主题讨论）。你可以参考我们的[配置文件](https://github.com/mdn/content/blob/main/.prettierrc.json)（[本地化文档的配置文件](https://github.com/mdn/translated-content/blob/main/.prettierrc.json)）来了解当前的规则，并阅读 [Prettier 的文档](https://prettier.io/docs/en/index.html)。
+
+Prettier 格式化所有代码并保持风格一致。尽管如此，你仍需要遵循一些额外的规则。
+
+这些用于格式化代码示例的 MDN Web 文档指南也是编写代码的最佳实践。
+
+### 选择语法语言
+
+为了确保代码块的正确格式化和语法高亮，作者必须指定他们正在编写的代码块的语言。请参阅 [MDN Markdown 中的示例代码块](/zh-CN/docs/MDN/Writing_guidelines/Howto/Markdown_in_MDN#示例代码块)以获取 MDN 支持的语言列表，以及有关如何请求新语言的详细信息。
+
+如果代码块是伪代码、命令的输出或其他非编程语言，请将语言明确设置为 `plain`。
+
+> **警告：** 如果 MDN 尚未支持所需的语言，请**不要**将代码块的语言设置为类似的语言，因为这样做可能会导致 Prettier 格式化和语法高亮出现意外的副作用。
+
+### 代码行长度
+
+- 代码行不应过长，以至于需要水平滚动才能阅读。
+- 建议的做法是，将代码行保持在最多 80 个字符长（[交互式示例](https://github.com/mdn/interactive-examples)为 64 个字符）。
+- 为了保证可读性，在自然断点处断开长行，但不要以牺牲最佳实践为代价。
+
+例如，这样并不好：
+
+```js example-bad
+let tommyCat =
+ "Said Tommy the Cat as he reeled back to clear whatever foreign matter may have nestled its way into his mighty throat. Many a fat alley rat had met its demise while staring point blank down the cavernous barrel of this awesome prowling machine.";
+```
+
+这样稍好些，但有些别扭：
+
+```js
+const tommyCat =
+ "Said Tommy the Cat as he reeled back to clear whatever foreign " +
+ "matter may have nestled its way into his mighty throat. Many a fat alley rat " +
+ "had met its demise while staring point blank down the cavernous barrel of " +
+ "this awesome prowling machine.";
+```
+
+更好的是使用模板字面量：
+
+```js example-good
+const tommyCat = `Said Tommy the Cat as he reeled back to clear whatever foreign
+ matter may have nestled its way into his mighty throat. Many a fat alley rat
+ had met its demise while staring point blank down the cavernous barrel of
+ this awesome prowling machine.`;
+```
+
+```js example-good
+if (
+ obj.CONDITION ||
+ obj.OTHER_CONDITION ||
+ obj.SOME_OTHER_CONDITION ||
+ obj.YET_ANOTHER_CONDITION
+) {
+ /* 其他内容 */
+}
+
+const toolkitProfileService = Components.classes[
+ "@mozilla.org/toolkit/profile-service;1"
+].createInstance(Components.interfaces.nsIToolkitProfileService);
+```
+
+### 代码块高度
+
+代码块应该保持在需要的长度，但不能过长。理想情况下，目标为简短内容的可以是 15-25 行左右。如果代码块要长得多，请考虑只显示最有用的片段，并在 GitHub 仓库或 CodePen 上提供完整示例的链接。
+
+#### 行内代码格式化
+
+使用行内代码语法（\`）来标记函数名、变量名和方法名。例如：“`frenchText()` 函数”。
+
+**方法名称应该后跟一对括号**：例如，`doSomethingUseful()`。括号有助于区分方法和其他代码术语。
+
+## 正确渲染指南
+
+应遵循以下准则，以确保你编写的代码示例在 MDN Web 文档上正确显示。你还应该考虑响应式，使编写的代码示例在移动设备上也能正常使用。
+
+### 渲染的代码示例的尺寸
+
+- **将宽度设置为 100%**：MDN Web 文档的主内容窗格在桌面上大约为 700px 宽，因此嵌入的代码示例必须在该宽度下正常显示。
+- **将高度设置为 700px 以下**：我们建议将渲染的代码示例的高度保持在 700px 以下，以便在屏幕上最大限度地提高可读性。
+
+## 渲染的代码示例中的颜色
+
+- 使用关键字表示主要颜色和其他“基本”颜色，例如：
+
+ ```css example-good
+ color: black;
+ color: white;
+ color: red;
+ ```
+
+- 使用 `rgb()` 表示更复杂的颜色（包括半透明颜色）：
+
+ ```css example-good
+ color: rgb(0, 0, 0, 0.5);
+ color: rgb(248, 242, 230);
+ ```
+
+- 对于十六进制颜色，使用短格式：
+
+ ```css example-good
+ color: #058ed9;
+ color: #a39a92c1;
+ color: #ff0;
+ color: #fbfa;
+ ```
+
+ ```css-nolint example-bad
+ color: #ffff00;
+ color: #ffbbffaa;
+ ```
+
+### 将渲染的示例标记为良好或错误
+
+你会注意到，本页面上代表良好实践的代码块的右上角会呈现绿色的勾号，而代表错误实践的代码块则会呈现具有红色圆圈的白色叉号。
+
+你可以在编写代码示例时遵循相同的样式。你不需要在每个地方都使用这种样式，只需要在你想要特别强调代码示例中的良好和错误实践的页面上使用即可。
+
+要获得这种渲染效果，请使用“代码围栏”来标记代码块，后跟语言信息字符串。例如：
+
+```js
+function myFunc() {
+ console.log("你好！");
+}
+```
+
+要将代码块表示为良好或错误示例，请在语言字符串后添加 `example-good` 或 `example-bad`，如下所示：
+
+````md
+```html example-good
+
+```
+
+```html example-bad
+
+```
+````
+
+这会被渲染为：
+
+```html example-good
+
+```
+
+```html example-bad
+
+```
From 78fb97d990497f7be002be6866ff7d631576101d Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Tue, 21 Nov 2023 22:48:44 +0800
Subject: [PATCH 04/93] [zh-cn] init the translation of shell code style guide
(#17048)
---
.../code_style_guide/shell/index.md | 44 +++++++++++++++++++
1 file changed, 44 insertions(+)
create mode 100644 files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/shell/index.md
diff --git a/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/shell/index.md b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/shell/index.md
new file mode 100644
index 00000000000000..b87848d4013053
--- /dev/null
+++ b/files/zh-cn/mdn/writing_guidelines/writing_style_guide/code_style_guide/shell/index.md
@@ -0,0 +1,44 @@
+---
+title: shell 提示符代码示例编写指南
+slug: MDN/Writing_guidelines/Writing_style_guide/Code_style_guide/Shell
+l10n:
+ sourceCommit: 9e804ddae5a375983996218409b80f6bfd71eb82
+---
+
+{{MDNSidebar}}
+
+下面的指南涵盖了如何为 MDN Web 文档编写 shell 提示符示例代码。
+
+## 什么是“shell”
+
+shell 是一个等待你输入命令然后按回车键的程序。为了指明你应该输入哪些命令，MDN Web 文档上的内容会在代码块中列出这些命令，类似于代码示例。
+
+这样的一块内容类似如下：
+
+```bash example-good
+# 这可能需要运行一段时间...
+git clone https://github.com/mdn/content
+cd content
+```
+
+## shell 提示符代码示例常规指南
+
+### 格式的选择
+
+关于正确缩进、空格和行长度的意见一直存在争议。对这些主题的讨论会分散注意力，从而影响内容的创建和维护。
+
+在 MDN Web 文档中，我们使用 [Prettier](https://prettier.io/) 作为代码格式化工具，以保持代码风格的一致性（并避免偏离主题讨论）。你可以参考我们的[配置文件](https://github.com/mdn/content/blob/main/.prettierrc.json)来了解当前的规则，并阅读 [Prettier 的文档](https://prettier.io/docs/en/index.html)。
+
+Prettier 格式化所有代码并保持风格一致。尽管如此，你仍需要遵循一些额外的规则。
+
+### 撰写 shell 代码块
+
+当撰写 shell 代码块时：
+
+- 不要在 shell 指令的开头包含 `$` 或 `>`。这只会造成混淆，在复制指令时并无用处。
+- 注释以 `#` 开头。
+- 在 markdown 中，选择“bash”来代表本段代码的语言。
+
+## 参见
+
+[Django 服务端开发文档](/zh-CN/docs/Learn/Server-side/Django)展示了 shell 提示符命令的良好演示方式。
From a0714f0f50e85e738b1239325bb2286f1571c766 Mon Sep 17 00:00:00 2001
From: MDN Web Docs GitHub Bot <108879845+mdn-bot@users.noreply.github.com>
Date: Tue, 21 Nov 2023 22:42:50 +0100
Subject: [PATCH 05/93] [fr] sync translated content (#16974)
* fr: sync translated content
* Update console and children
* updating working w history
* update static wasm pages
* Typofix
---------
Co-authored-by: SphinxKnight
---
files/fr/_redirects.txt | 79 +++-
files/fr/_wikihistory.json | 70 +--
files/fr/web/api/console/api-trace2.png | Bin 0 -> 2045 bytes
files/fr/web/api/console/assert/index.md | 49 --
.../fr/web/api/console/assert_static/index.md | 68 +++
files/fr/web/api/console/clear/index.md | 32 --
.../fr/web/api/console/clear_static/index.md | 32 ++
files/fr/web/api/console/console-timelog.png | Bin 0 -> 4741 bytes
files/fr/web/api/console/count/index.md | 87 ----
.../fr/web/api/console/count_static/index.md | 96 ++++
files/fr/web/api/console/countreset/index.md | 121 -----
.../api/console/countreset_static/index.md | 100 ++++
files/fr/web/api/console/css-styling.png | Bin 0 -> 2653 bytes
files/fr/web/api/console/debug/index.md | 46 --
.../fr/web/api/console/debug_static/index.md | 44 ++
files/fr/web/api/console/dir/index.md | 38 --
files/fr/web/api/console/dir_static/index.md | 44 ++
files/fr/web/api/console/dirxml/index.md | 29 --
.../fr/web/api/console/dirxml_static/index.md | 33 ++
files/fr/web/api/console/error/index.md | 46 --
.../fr/web/api/console/error_static/index.md | 49 ++
files/fr/web/api/console/group/index.md | 58 ---
.../fr/web/api/console/group_static/index.md | 66 +++
.../web/api/console/group_static/nesting.png | Bin 0 -> 2417 bytes
.../web/api/console/groupcollapsed/index.md | 37 --
.../console/groupcollapsed_static/index.md | 45 ++
files/fr/web/api/console/groupend/index.md | 32 --
.../web/api/console/groupend_static/index.md | 39 ++
files/fr/web/api/console/index.md | 346 +++++++-------
files/fr/web/api/console/info/index.md | 41 --
files/fr/web/api/console/info_static/index.md | 44 ++
files/fr/web/api/console/log/index.md | 57 ---
files/fr/web/api/console/log_static/index.md | 70 +++
files/fr/web/api/console/nesting.png | Bin 0 -> 2417 bytes
files/fr/web/api/console/profile/index.md | 33 --
.../web/api/console/profile_static/index.md | 39 ++
files/fr/web/api/console/profileend/index.md | 37 --
.../api/console/profileend_static/index.md | 41 ++
.../console/{table => table_static}/index.md | 6 +-
files/fr/web/api/console/time/index.md | 34 --
files/fr/web/api/console/time_static/index.md | 43 ++
files/fr/web/api/console/timeend/index.md | 33 --
.../web/api/console/timeend_static/index.md | 59 +++
.../console/timeend_static/timer_output.png | Bin 0 -> 4741 bytes
files/fr/web/api/console/timelog/index.md | 79 ----
.../web/api/console/timelog_static/index.md | 108 +++++
files/fr/web/api/console/timestamp/index.md | 33 --
.../web/api/console/timestamp_static/index.md | 39 ++
files/fr/web/api/console/trace/index.md | 51 --
.../fr/web/api/console/trace_static/index.md | 61 +++
files/fr/web/api/console/warn/index.md | 43 --
files/fr/web/api/console/warn_static/index.md | 52 +++
files/fr/web/api/history_api/example/index.md | 438 ------------------
.../working_with_the_history_api/index.md | 198 ++++++++
.../javascript_interface/compile/index.md | 57 ---
.../compile_static/index.md | 63 +++
.../compilestreaming/index.md | 55 ---
.../compilestreaming_static/index.md | 62 +++
.../javascript_interface/instantiate/index.md | 134 ------
.../instantiate_static/index.md | 138 ++++++
.../instantiatestreaming/index.md | 61 ---
.../instantiatestreaming_static/index.md | 69 +++
.../module/customsections/index.md | 73 ---
.../module/customsections_static/index.md | 73 +++
.../module/exports/index.md | 83 ----
.../module/exports_static/index.md | 85 ++++
.../module/imports/index.md | 58 ---
.../module/imports_static/index.md | 60 +++
.../javascript_interface/validate/index.md | 56 ---
.../validate_static/index.md | 58 +++
70 files changed, 2251 insertions(+), 2259 deletions(-)
create mode 100644 files/fr/web/api/console/api-trace2.png
delete mode 100644 files/fr/web/api/console/assert/index.md
create mode 100644 files/fr/web/api/console/assert_static/index.md
delete mode 100644 files/fr/web/api/console/clear/index.md
create mode 100644 files/fr/web/api/console/clear_static/index.md
create mode 100644 files/fr/web/api/console/console-timelog.png
delete mode 100644 files/fr/web/api/console/count/index.md
create mode 100644 files/fr/web/api/console/count_static/index.md
delete mode 100644 files/fr/web/api/console/countreset/index.md
create mode 100644 files/fr/web/api/console/countreset_static/index.md
create mode 100644 files/fr/web/api/console/css-styling.png
delete mode 100644 files/fr/web/api/console/debug/index.md
create mode 100644 files/fr/web/api/console/debug_static/index.md
delete mode 100644 files/fr/web/api/console/dir/index.md
create mode 100644 files/fr/web/api/console/dir_static/index.md
delete mode 100644 files/fr/web/api/console/dirxml/index.md
create mode 100644 files/fr/web/api/console/dirxml_static/index.md
delete mode 100644 files/fr/web/api/console/error/index.md
create mode 100644 files/fr/web/api/console/error_static/index.md
delete mode 100644 files/fr/web/api/console/group/index.md
create mode 100644 files/fr/web/api/console/group_static/index.md
create mode 100644 files/fr/web/api/console/group_static/nesting.png
delete mode 100644 files/fr/web/api/console/groupcollapsed/index.md
create mode 100644 files/fr/web/api/console/groupcollapsed_static/index.md
delete mode 100644 files/fr/web/api/console/groupend/index.md
create mode 100644 files/fr/web/api/console/groupend_static/index.md
delete mode 100644 files/fr/web/api/console/info/index.md
create mode 100644 files/fr/web/api/console/info_static/index.md
delete mode 100644 files/fr/web/api/console/log/index.md
create mode 100644 files/fr/web/api/console/log_static/index.md
create mode 100644 files/fr/web/api/console/nesting.png
delete mode 100644 files/fr/web/api/console/profile/index.md
create mode 100644 files/fr/web/api/console/profile_static/index.md
delete mode 100644 files/fr/web/api/console/profileend/index.md
create mode 100644 files/fr/web/api/console/profileend_static/index.md
rename files/fr/web/api/console/{table => table_static}/index.md (97%)
delete mode 100644 files/fr/web/api/console/time/index.md
create mode 100644 files/fr/web/api/console/time_static/index.md
delete mode 100644 files/fr/web/api/console/timeend/index.md
create mode 100644 files/fr/web/api/console/timeend_static/index.md
create mode 100644 files/fr/web/api/console/timeend_static/timer_output.png
delete mode 100644 files/fr/web/api/console/timelog/index.md
create mode 100644 files/fr/web/api/console/timelog_static/index.md
delete mode 100644 files/fr/web/api/console/timestamp/index.md
create mode 100644 files/fr/web/api/console/timestamp_static/index.md
delete mode 100644 files/fr/web/api/console/trace/index.md
create mode 100644 files/fr/web/api/console/trace_static/index.md
delete mode 100644 files/fr/web/api/console/warn/index.md
create mode 100644 files/fr/web/api/console/warn_static/index.md
delete mode 100644 files/fr/web/api/history_api/example/index.md
create mode 100644 files/fr/web/api/history_api/working_with_the_history_api/index.md
delete mode 100644 files/fr/webassembly/javascript_interface/compile/index.md
create mode 100644 files/fr/webassembly/javascript_interface/compile_static/index.md
delete mode 100644 files/fr/webassembly/javascript_interface/compilestreaming/index.md
create mode 100644 files/fr/webassembly/javascript_interface/compilestreaming_static/index.md
delete mode 100644 files/fr/webassembly/javascript_interface/instantiate/index.md
create mode 100644 files/fr/webassembly/javascript_interface/instantiate_static/index.md
delete mode 100644 files/fr/webassembly/javascript_interface/instantiatestreaming/index.md
create mode 100644 files/fr/webassembly/javascript_interface/instantiatestreaming_static/index.md
delete mode 100644 files/fr/webassembly/javascript_interface/module/customsections/index.md
create mode 100644 files/fr/webassembly/javascript_interface/module/customsections_static/index.md
delete mode 100644 files/fr/webassembly/javascript_interface/module/exports/index.md
create mode 100644 files/fr/webassembly/javascript_interface/module/exports_static/index.md
delete mode 100644 files/fr/webassembly/javascript_interface/module/imports/index.md
create mode 100644 files/fr/webassembly/javascript_interface/module/imports_static/index.md
delete mode 100644 files/fr/webassembly/javascript_interface/validate/index.md
create mode 100644 files/fr/webassembly/javascript_interface/validate_static/index.md
diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt
index 8d64db82e4e7ee..8b6d7bd334e80c 100644
--- a/files/fr/_redirects.txt
+++ b/files/fr/_redirects.txt
@@ -977,7 +977,7 @@
/fr/docs/DOM/event.stopPropagation /fr/docs/Web/API/Event/stopPropagation
/fr/docs/DOM/form /fr/docs/Web/API/HTMLFormElement
/fr/docs/DOM/manipuler_lhistorique_du_navigateur /fr/docs/Web/API/History_API
-/fr/docs/DOM/manipuler_lhistorique_du_navigateur/Example /fr/docs/Web/API/History_API/Example
+/fr/docs/DOM/manipuler_lhistorique_du_navigateur/Example /fr/docs/Web/API/History_API/Working_with_the_History_API
/fr/docs/DOM/range /fr/docs/Web/API/Range
/fr/docs/DOM/selection /fr/docs/Web/API/Selection
/fr/docs/DOM/style /fr/docs/Web/API/HTMLStyleElement
@@ -3654,8 +3654,8 @@
/fr/docs/Web/API/ChildNode/replaceWith /fr/docs/Web/API/Element/replaceWith
/fr/docs/Web/API/Commentaire /fr/docs/Web/API/Comment
/fr/docs/Web/API/Commentaire/Comment /fr/docs/Web/API/Comment/Comment
-/fr/docs/Web/API/Console.table /fr/docs/Web/API/console/table
-/fr/docs/Web/API/Console/erreur /fr/docs/Web/API/console/error
+/fr/docs/Web/API/Console.table /fr/docs/Web/API/console/table_static
+/fr/docs/Web/API/Console/erreur /fr/docs/Web/API/console/error_static
/fr/docs/Web/API/Coordinates /fr/docs/Web/API/GeolocationCoordinates
/fr/docs/Web/API/DOMString /fr/docs/Web/JavaScript/Reference/Global_Objects/String
/fr/docs/Web/API/DOMString/Binary /fr/docs/Web/API/btoa
@@ -3889,6 +3889,7 @@
/fr/docs/Web/API/HTMLOrForeignElement/tabIndex /fr/docs/Web/API/HTMLElement/tabindex
/fr/docs/Web/API/HTMLTableElement.caption /fr/docs/Web/API/HTMLTableElement/caption
/fr/docs/Web/API/HTMLTableElement.insertRow /fr/docs/Web/API/HTMLTableElement/insertRow
+/fr/docs/Web/API/History_API/Example /fr/docs/Web/API/History_API/Working_with_the_History_API
/fr/docs/Web/API/IDBDatabase/onabort /fr/docs/Web/API/IDBTransaction/abort_event
/fr/docs/Web/API/IDBDatabase/onerror /fr/docs/Web/API/IDBTransaction/error_event
/fr/docs/Web/API/IDBDatabase/onversionchange /fr/docs/Web/API/IDBDatabase/versionchange_event
@@ -4104,9 +4105,31 @@
/fr/docs/Web/API/XMLHttpRequest/Utiliser_XMLHttpRequest /fr/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest
/fr/docs/Web/API/XMLHttpRequest/onreadystatechange /fr/docs/Web/API/XMLHttpRequest/readystatechange_event
/fr/docs/Web/API/XSLTProcessor/XSL_Transformations_in_Mozilla_FAQ /fr/docs/Web/API/XSLTProcessor
-/fr/docs/Web/API/console.log /fr/docs/Web/API/console/log
-/fr/docs/Web/API/console.time /fr/docs/Web/API/console/time
-/fr/docs/Web/API/console.timeEnd /fr/docs/Web/API/console/timeEnd
+/fr/docs/Web/API/console.log /fr/docs/Web/API/console/log_static
+/fr/docs/Web/API/console.time /fr/docs/Web/API/console/time_static
+/fr/docs/Web/API/console.timeEnd /fr/docs/Web/API/console/timeend_static
+/fr/docs/Web/API/console/assert /fr/docs/Web/API/console/assert_static
+/fr/docs/Web/API/console/clear /fr/docs/Web/API/console/clear_static
+/fr/docs/Web/API/console/count /fr/docs/Web/API/console/count_static
+/fr/docs/Web/API/console/countReset /fr/docs/Web/API/console/countreset_static
+/fr/docs/Web/API/console/debug /fr/docs/Web/API/console/debug_static
+/fr/docs/Web/API/console/dir /fr/docs/Web/API/console/dir_static
+/fr/docs/Web/API/console/dirxml /fr/docs/Web/API/console/dirxml_static
+/fr/docs/Web/API/console/error /fr/docs/Web/API/console/error_static
+/fr/docs/Web/API/console/group /fr/docs/Web/API/console/group_static
+/fr/docs/Web/API/console/groupCollapsed /fr/docs/Web/API/console/groupcollapsed_static
+/fr/docs/Web/API/console/groupEnd /fr/docs/Web/API/console/groupend_static
+/fr/docs/Web/API/console/info /fr/docs/Web/API/console/info_static
+/fr/docs/Web/API/console/log /fr/docs/Web/API/console/log_static
+/fr/docs/Web/API/console/profile /fr/docs/Web/API/console/profile_static
+/fr/docs/Web/API/console/profileEnd /fr/docs/Web/API/console/profileend_static
+/fr/docs/Web/API/console/table /fr/docs/Web/API/console/table_static
+/fr/docs/Web/API/console/time /fr/docs/Web/API/console/time_static
+/fr/docs/Web/API/console/timeEnd /fr/docs/Web/API/console/timeend_static
+/fr/docs/Web/API/console/timeLog /fr/docs/Web/API/console/timelog_static
+/fr/docs/Web/API/console/timeStamp /fr/docs/Web/API/console/timestamp_static
+/fr/docs/Web/API/console/trace /fr/docs/Web/API/console/trace_static
+/fr/docs/Web/API/console/warn /fr/docs/Web/API/console/warn_static
/fr/docs/Web/API/document.applets /fr/docs/Web/API/Document/applets
/fr/docs/Web/API/document.compatMode /fr/docs/Web/API/Document/compatMode
/fr/docs/Web/API/document.createComment /fr/docs/Web/API/Document/createComment
@@ -4723,9 +4746,9 @@
/fr/docs/Web/Guide/DOM/Events/Touch_events /fr/docs/Web/API/Touch_events
/fr/docs/Web/Guide/DOM/Events/Touch_events/Gérer_à_la_fois_événement_tactile_et_événement_de_la_souris /fr/docs/Web/API/Pointer_events
/fr/docs/Web/Guide/DOM/Manipuler l'historique du navigateur /fr/docs/Web/API/History_API
-/fr/docs/Web/Guide/DOM/Manipuler l'historique du navigateur/Example /fr/docs/Web/API/History_API/Example
+/fr/docs/Web/Guide/DOM/Manipuler l'historique du navigateur/Example /fr/docs/Web/API/History_API/Working_with_the_History_API
/fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur /fr/docs/Web/API/History_API
-/fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur/Example /fr/docs/Web/API/History_API/Example
+/fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur/Example /fr/docs/Web/API/History_API/Working_with_the_History_API
/fr/docs/Web/Guide/DOM/Using_full_screen_mode /fr/docs/Web/API/Fullscreen_API
/fr/docs/Web/Guide/Events /fr/docs/Web/Events
/fr/docs/Web/Guide/Events/Creating_and_triggering_events /fr/docs/Web/Events/Creating_and_triggering_events
@@ -5141,9 +5164,9 @@
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/grow /fr/docs/WebAssembly/JavaScript_interface/Memory/grow
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module /fr/docs/WebAssembly/JavaScript_interface/Module
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/Module /fr/docs/WebAssembly/JavaScript_interface/Module/Module
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections /fr/docs/WebAssembly/JavaScript_interface/Module/customSections
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports /fr/docs/WebAssembly/JavaScript_interface/Module/exports
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports /fr/docs/WebAssembly/JavaScript_interface/Module/imports
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections /fr/docs/WebAssembly/JavaScript_interface/Module/customSections_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports /fr/docs/WebAssembly/JavaScript_interface/Module/exports_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports /fr/docs/WebAssembly/JavaScript_interface/Module/imports_static
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError /fr/docs/WebAssembly/JavaScript_interface/RuntimeError
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError/RuntimeError /fr/docs/WebAssembly/JavaScript_interface/RuntimeError/RuntimeError
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table /fr/docs/WebAssembly/JavaScript_interface/Table
@@ -5155,11 +5178,11 @@
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Tag /fr/docs/WebAssembly/JavaScript_interface/Tag
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Tag/Tag /fr/docs/WebAssembly/JavaScript_interface/Tag/Tag
/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Tag/type /fr/docs/WebAssembly/JavaScript_interface/Tag/type
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile /fr/docs/WebAssembly/JavaScript_interface/compile
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming /fr/docs/WebAssembly/JavaScript_interface/compileStreaming
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate /fr/docs/WebAssembly/JavaScript_interface/instantiate
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming /fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming
-/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate /fr/docs/WebAssembly/JavaScript_interface/validate
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compile /fr/docs/WebAssembly/JavaScript_interface/compile_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/compileStreaming /fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate /fr/docs/WebAssembly/JavaScript_interface/instantiate_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiateStreaming /fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/fr/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/validate /fr/docs/WebAssembly/JavaScript_interface/validate_static
/fr/docs/Web/JavaScript/Reference/Global_Objects/null /fr/docs/Web/JavaScript/Reference/Operators/null
/fr/docs/Web/JavaScript/Reference/Global_Objects/uneval /fr/docs/Web/JavaScript/Reference/Global_Objects
/fr/docs/Web/JavaScript/Reference/Grammaire_lexicale /fr/docs/Web/JavaScript/Reference/Lexical_grammar
@@ -5866,9 +5889,9 @@
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Memory/grow /fr/docs/WebAssembly/JavaScript_interface/Memory/grow
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Memory/prototype /fr/docs/WebAssembly/JavaScript_interface/Memory
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module /fr/docs/WebAssembly/JavaScript_interface/Module
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/customSections /fr/docs/WebAssembly/JavaScript_interface/Module/customSections
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/exports /fr/docs/WebAssembly/JavaScript_interface/Module/exports
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/imports /fr/docs/WebAssembly/JavaScript_interface/Module/imports
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/customSections /fr/docs/WebAssembly/JavaScript_interface/Module/customSections_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/exports /fr/docs/WebAssembly/JavaScript_interface/Module/exports_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/imports /fr/docs/WebAssembly/JavaScript_interface/Module/imports_static
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Module/prototype /fr/docs/WebAssembly/JavaScript_interface/Module
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/RuntimeError /fr/docs/WebAssembly/JavaScript_interface/RuntimeError
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Table /fr/docs/WebAssembly/JavaScript_interface/Table
@@ -5877,11 +5900,11 @@
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Table/length /fr/docs/WebAssembly/JavaScript_interface/Table/length
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Table/prototype /fr/docs/WebAssembly/JavaScript_interface/Table
/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/Table/set /fr/docs/WebAssembly/JavaScript_interface/Table/set
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/compile /fr/docs/WebAssembly/JavaScript_interface/compile
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/compileStreaming /fr/docs/WebAssembly/JavaScript_interface/compileStreaming
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/instantiate /fr/docs/WebAssembly/JavaScript_interface/instantiate
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/instantiateStreaming /fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming
-/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/validate /fr/docs/WebAssembly/JavaScript_interface/validate
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/compile /fr/docs/WebAssembly/JavaScript_interface/compile_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/compileStreaming /fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/instantiate /fr/docs/WebAssembly/JavaScript_interface/instantiate_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/instantiateStreaming /fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/validate /fr/docs/WebAssembly/JavaScript_interface/validate_static
/fr/docs/Web/JavaScript/Reference/Objets_globaux/decodeURI /fr/docs/Web/JavaScript/Reference/Global_Objects/decodeURI
/fr/docs/Web/JavaScript/Reference/Objets_globaux/decodeURIComponent /fr/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent
/fr/docs/Web/JavaScript/Reference/Objets_globaux/encodeURI /fr/docs/Web/JavaScript/Reference/Global_Objects/encodeURI
@@ -6154,6 +6177,14 @@
/fr/docs/WebAPI/Battery_Status /fr/docs/Web/API/Battery_status_API
/fr/docs/WebAPI/Network_Information /fr/docs/Web/API/Network_Information_API
/fr/docs/WebAPI/Pointer_Lock /fr/docs/Web/API/Pointer_Lock_API
+/fr/docs/WebAssembly/JavaScript_interface/Module/customSections /fr/docs/WebAssembly/JavaScript_interface/Module/customSections_static
+/fr/docs/WebAssembly/JavaScript_interface/Module/exports /fr/docs/WebAssembly/JavaScript_interface/Module/exports_static
+/fr/docs/WebAssembly/JavaScript_interface/Module/imports /fr/docs/WebAssembly/JavaScript_interface/Module/imports_static
+/fr/docs/WebAssembly/JavaScript_interface/compile /fr/docs/WebAssembly/JavaScript_interface/compile_static
+/fr/docs/WebAssembly/JavaScript_interface/compileStreaming /fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static
+/fr/docs/WebAssembly/JavaScript_interface/instantiate /fr/docs/WebAssembly/JavaScript_interface/instantiate_static
+/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming /fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static
+/fr/docs/WebAssembly/JavaScript_interface/validate /fr/docs/WebAssembly/JavaScript_interface/validate_static
/fr/docs/WebGL /fr/docs/Web/API/WebGL_API
/fr/docs/WebGL/Adding_2D_content_to_a_WebGL_context /fr/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context
/fr/docs/WebGL/Ajouter_des_couleurs_avec_les_shaders /fr/docs/Web/API/WebGL_API/Tutorial/Using_shaders_to_apply_color_in_WebGL
diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json
index b4e7942ce8af39..d4167a48405bbe 100644
--- a/files/fr/_wikihistory.json
+++ b/files/fr/_wikihistory.json
@@ -10259,7 +10259,7 @@
"pparidans"
]
},
- "Web/API/History_API/Example": {
+ "Web/API/History_API/Working_with_the_History_API": {
"modified": "2019-03-23T23:32:28.258Z",
"contributors": ["tregagnon", "matteodelabre"]
},
@@ -13412,7 +13412,7 @@
"fscholz"
]
},
- "Web/API/console/assert": {
+ "Web/API/console/assert_static": {
"modified": "2020-10-15T21:37:07.545Z",
"contributors": [
"Fenn",
@@ -13422,31 +13422,31 @@
"ElianWonhalf"
]
},
- "Web/API/console/clear": {
+ "Web/API/console/clear_static": {
"modified": "2019-03-23T22:18:57.653Z",
"contributors": ["christophe.hurpeau", "DavidLibeau"]
},
- "Web/API/console/count": {
+ "Web/API/console/count_static": {
"modified": "2020-10-15T21:39:57.745Z",
"contributors": ["loella16", "christophe.hurpeau", "normannMarit", "Styus"]
},
- "Web/API/console/countReset": {
+ "Web/API/console/countreset_static": {
"modified": "2020-10-15T22:22:03.008Z",
"contributors": ["tbetous", "quentin.lamamy"]
},
- "Web/API/console/debug": {
+ "Web/API/console/debug_static": {
"modified": "2020-10-15T22:21:32.530Z",
"contributors": ["thiag73"]
},
- "Web/API/console/dir": {
+ "Web/API/console/dir_static": {
"modified": "2020-10-15T21:43:00.216Z",
"contributors": ["xavierartot", "loella16", "sylvaindethier", "Chevallm"]
},
- "Web/API/console/dirxml": {
+ "Web/API/console/dirxml_static": {
"modified": "2020-10-15T21:56:31.266Z",
"contributors": ["loella16", "BEHOUBA"]
},
- "Web/API/console/error": {
+ "Web/API/console/error_static": {
"modified": "2020-10-15T21:37:29.101Z",
"contributors": [
"SphinxKnight",
@@ -13457,23 +13457,23 @@
"JulienItard"
]
},
- "Web/API/console/group": {
+ "Web/API/console/group_static": {
"modified": "2020-10-15T21:39:57.936Z",
"contributors": ["loella16", "Styus"]
},
- "Web/API/console/groupCollapsed": {
+ "Web/API/console/groupcollapsed_static": {
"modified": "2020-10-15T21:39:57.660Z",
"contributors": ["loella16", "Styus"]
},
- "Web/API/console/groupEnd": {
+ "Web/API/console/groupend_static": {
"modified": "2020-10-15T21:39:57.905Z",
"contributors": ["loella16", "christophe.hurpeau", "Styus"]
},
- "Web/API/console/info": {
+ "Web/API/console/info_static": {
"modified": "2020-11-11T13:53:02.402Z",
"contributors": ["Yukulele.", "unpeudetout", "JonGiamp", "JulienItard"]
},
- "Web/API/console/log": {
+ "Web/API/console/log_static": {
"modified": "2020-11-11T19:51:04.080Z",
"contributors": [
"JNa0",
@@ -13485,23 +13485,23 @@
"benfarhat.elyes"
]
},
- "Web/API/console/profile": {
+ "Web/API/console/profile_static": {
"modified": "2020-10-15T22:01:10.357Z",
"contributors": ["loella16"]
},
- "Web/API/console/profileEnd": {
+ "Web/API/console/profileend_static": {
"modified": "2020-10-15T22:01:12.608Z",
"contributors": ["loella16"]
},
- "Web/API/console/table": {
+ "Web/API/console/table_static": {
"modified": "2020-10-15T21:30:09.666Z",
"contributors": ["loella16", "DCLAN", "fscholz", "tregagnon"]
},
- "Web/API/console/time": {
+ "Web/API/console/time_static": {
"modified": "2020-10-15T21:26:08.561Z",
"contributors": ["loella16", "mireero", "fscholz", "khalid32", "fvelcker"]
},
- "Web/API/console/timeEnd": {
+ "Web/API/console/timeend_static": {
"modified": "2020-10-15T21:28:27.222Z",
"contributors": [
"loella16",
@@ -13511,19 +13511,19 @@
"Automatik"
]
},
- "Web/API/console/timeLog": {
+ "Web/API/console/timelog_static": {
"modified": "2020-10-15T22:20:05.673Z",
"contributors": ["ewen-lbh", "SphinxKnight"]
},
- "Web/API/console/timeStamp": {
+ "Web/API/console/timestamp_static": {
"modified": "2020-10-15T22:02:32.433Z",
"contributors": ["loella16"]
},
- "Web/API/console/trace": {
+ "Web/API/console/trace_static": {
"modified": "2020-10-15T21:37:28.957Z",
"contributors": ["loella16", "JonGiamp", "JulienItard"]
},
- "Web/API/console/warn": {
+ "Web/API/console/warn_static": {
"modified": "2020-10-15T21:37:32.060Z",
"contributors": ["loella16", "unpeudetout", "JulienItard"]
},
@@ -27387,15 +27387,15 @@
"modified": "2020-10-15T21:51:45.857Z",
"contributors": ["SphinxKnight"]
},
- "WebAssembly/JavaScript_interface/Module/customSections": {
+ "WebAssembly/JavaScript_interface/Module/customSections_static": {
"modified": "2020-10-15T21:52:20.338Z",
"contributors": ["SphinxKnight"]
},
- "WebAssembly/JavaScript_interface/Module/exports": {
+ "WebAssembly/JavaScript_interface/Module/exports_static": {
"modified": "2020-10-15T21:52:21.568Z",
"contributors": ["SphinxKnight"]
},
- "WebAssembly/JavaScript_interface/Module/imports": {
+ "WebAssembly/JavaScript_interface/Module/imports_static": {
"modified": "2020-10-15T21:52:21.616Z",
"contributors": ["SphinxKnight"]
},
@@ -27423,23 +27423,23 @@
"modified": "2020-10-15T21:52:22.914Z",
"contributors": ["SphinxKnight"]
},
- "WebAssembly/JavaScript_interface/compile": {
- "modified": "2020-10-15T21:52:23.421Z",
- "contributors": ["SphinxKnight"]
- },
- "WebAssembly/JavaScript_interface/compileStreaming": {
+ "WebAssembly/JavaScript_interface/compileStreaming_static": {
"modified": "2020-10-15T21:58:30.533Z",
"contributors": ["SphinxKnight"]
},
- "WebAssembly/JavaScript_interface/instantiate": {
- "modified": "2020-10-15T21:52:23.620Z",
+ "WebAssembly/JavaScript_interface/compile_static": {
+ "modified": "2020-10-15T21:52:23.421Z",
"contributors": ["SphinxKnight"]
},
- "WebAssembly/JavaScript_interface/instantiateStreaming": {
+ "WebAssembly/JavaScript_interface/instantiateStreaming_static": {
"modified": "2020-10-15T21:58:30.104Z",
"contributors": ["SphinxKnight"]
},
- "WebAssembly/JavaScript_interface/validate": {
+ "WebAssembly/JavaScript_interface/instantiate_static": {
+ "modified": "2020-10-15T21:52:23.620Z",
+ "contributors": ["SphinxKnight"]
+ },
+ "WebAssembly/JavaScript_interface/validate_static": {
"modified": "2020-10-15T21:52:22.760Z",
"contributors": ["SphinxKnight"]
},
diff --git a/files/fr/web/api/console/api-trace2.png b/files/fr/web/api/console/api-trace2.png
new file mode 100644
index 0000000000000000000000000000000000000000..138f9b21ce666caa4a98700808f9fef93d11b26f
GIT binary patch
literal 2045
zcmV0{{R3EdCa*00004XF*Lt006O%
z3;baP00001b5ch_0Itp)=>Px#32;bRa{vGmbN~PnbOGLGA9w%&0ew(RR7E2rCo?-I
zIZ!7fP{AW3SU-)SMR|Qiq5mU0p(!ILDQ4k6W>_O5eJ*+bGmZZ)BPTPB;kl0g|Ns9*
zjiDn|p;aR%aGAm`dEwyTp(8e-KcWBNpIAR5Cpn?PIidempW&ZXC!$$cBTJKVHYY!!
z!9Q8yV_!utBPVcjV4{7YaE5y$N5MRD!iq;HR!b+qdnY-e;Ujy&dm|@ueg7jPMOY&z
zMWNv%BVc>L|5lm8pWy%h;GuiK;YFdr|G<4OU#mZ%;Yl|qGmXJNd40KSeLs1jBR6}w
zeW6K)!dPqJNrtO(ec{0W!El+AGkM{Pj=`Vc;W>@}KaIh;j=@-K|B8(z
zt5$Nt;Q#+)nZp17;kl0C|Np^bhI^up|DtPsqK?7f|G`OLlRP6Q!2kbAH$}kUp<{Aj
zpTObZz@eYu!QjAsReQl$S>Z2BlZt(zd!ONOnX6Wrt8#1MaB`EPYoVf!;lRM5;Q!%O
zpTWT3!N8xPz`(((=LJ0g00s$3L_t(|+U=Z+R~tnX#wU-mfozC`5X2w}P#%_-p-?EH
zP^Zs{#=uKnA;m=87;sv9m0H}Fin4UkEXqm
z-J=ULYVC5Nu-It6du!mmRW&t0j$q`MivwiNIqu7d(F2Wm-}svY#De?XH*^(w51u0{
z$eiRGlTn-qcv>&uI6W%$TEE{KV~#maTB(GiN9JdhnxNN*J8I?N(`hrZd*@ry1MA|>
zOrwafAoioq$lV39r~CG*KO%Y<`9!JLCvE@W-Wr#nK=aKCGKc>#{&dhPNjw)zy%6_X
ze>{;^?u%J*4P^c8S#kx7YJPFT(*tSb1U<+%S%N~bLNa6nL@y5DH+GP6ic1!Ref=3Z9S;WC0`#a`-QhYVlhnk@j~=4QTSm;MbZQL
zjJ?r-9>(i0Fh1noD)|Sa2blvsw1w39EPIA9Jy1Lu?Da=h4nE&65Eo`_Jt(#I<4#z-
zpk1J`takL&mk|>$?ybtyJx>aLOd0vrix)D-+c+Rzv{n!2dQ(?f5AMsR^(CP7pmYS0
z=%BW>`JapzD+di7#9gzW99N*n*qQDf#1)~QJ5(}aS+E4ENG+A4L=U_kC
zrv2pLb=o;NPFzWA>%r_Qwe{&fLaguWf$uB|i@Qf5_ZQFl{!}!BaM2zw;kQ0k=;#P=
z9@Pe%X9WI}0000000000005xF$Ui@H_KVHgX~Tn5P4bnjw8>f#M{t53Z*Xa&)l|s(
zVQ;p$mJE7mS`UdHzfFV~CvmzSGLAFYtNL^mklhbov@uWCl7TwbbHtMS@cZ1y%Pft}
zvT`3#KcXJqeTVFl;iK`mv|cq=MhrC^^IL5?v7A~p5bht`2SrsXiXM_1OVRy<)NWb+!K>yHJ=l)J_yMw`m{OUn
zy&jiJF#WEn{xbf7*Wsl9`D|aBY@4?G{-g-CWV}wWmJFPrhc}l^ceC6~0FiHNKo5cH
z9qCESb|*X1%QH3CfYsu~a7^Ac)n9hJaL2A>Ro@5wgYTyUeOdXbYRNzw^&nqP^A)Yv
zgVcaE(1VnESbCtDsjIO*3LkW>)t8meR!auMhoGfk^l*QQ;&pgNhHXvbc3)PGR!e5~Ggd7b2;EUGi5{q1eNKqX_^200015i+%jmbZ!gz
zP3WO1J#=DzlaH-GgW($^`At>I<+cL-ho=i??#gd&7Yeg5dz(Oh6EuH})T+-#eiHxy005vXcaO+#f@pf^
z#QdgtiW7vu2a+3{)69Rlk*f|#epC9TEk3(0{hj;ku&640P8Cdbbz^?hJjDq@C{=aQ
zL-IyBf4Ic0&TmTJeK?f-YPnQ>Tz$Ni|61|WzR3;i@Uk28o8~D_(3o{y>#&~79hc>K
zJ;`U8XT3MeB!g11QmkxMq&mX8!guQ3mfw^XhHp&%kgc1)zbu}iUJsSxA7xJuo?lo$
zE=SZuN9H$G*e|^UKVFda^S>KCNPg4%Er>sV8!~zz&1l~oh!@@Y{N^_5A5Ps*Rv&p9
z(D_Z%SL@naupW54{%PNC%x|ut9OmrMZt_fbpwdTv^S`#)%q^+2>!JN8A;@n600000
bw19sAs52}mf$7tl00000NkvXXu0mjfpeXx9
literal 0
HcmV?d00001
diff --git a/files/fr/web/api/console/assert/index.md b/files/fr/web/api/console/assert/index.md
deleted file mode 100644
index e7666bc6a973b0..00000000000000
--- a/files/fr/web/api/console/assert/index.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: Console.assert()
-slug: Web/API/console/assert
----
-
-{{APIRef("Console API")}}
-
-Affiche un message d'erreur dans la console si l'assertion est fausse. Si l'assertion est vraie, rien ne se produit.
-
-{{AvailableInWorkers}}
-
-> **Note :** _La méthode `console.assert()` est implémentée différement dans les vieilles version de Node.js que dans celle disponible dans les navigateurs._
->
-> Plus précisément, dans les navigateurs, appeler `console.assert()` avec une condition fausse affichera le `message` dans la console sans interrompre l'éxecution du code suivant. Dans les versions inférieure à la v10 de Node.js, cependant, une assertion fausse lèvera une exception `AssertionError`. Cette différence de comportement a été corrigée par la v10 de Node et `console.assert()` se comporte maintenant de la même façon dans Node et dans les navigateurs.
-
-## Syntaxe
-
-```js
-console.assert(assertion, obj1 [, obj2, ..., objN]);
-console.assert(assertion, msg [, subst1, ..., substN]);
-```
-
-### Paramètres
-
-- `assertion`
- - : N'importe quelle expression booléenne. Si l'assertion est fausse, le message s'affichera dans la console.
-- `obj1` ... `objN`
- - : Une liste d'objets javascript à afficher. La représentation textuelle de chacun de ces objets est ajoutée à la suite de la précédente dans l'ordre donné et est ensuite affichée.
-- `msg`
- - : Une chaîne de caractères javascript contenant zéro ou plus chaîne(s) de caractères de substitution.
-- `subst1` ... `substN`
- - : L'objet javascript avec lequel remplacer les chaînes de substitution dans `msg`. Ceci vous offre plus de contrôle sur ce qui est affiché.
-
-Allez voir [Afficher du texte dans la console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{domxref("console")}} pour plus de détails.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [WHATWG Console Standard: console.assert](https://console.spec.whatwg.org/#assert-condition-data)
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
-- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/devtools/docs/console#assertions)
diff --git a/files/fr/web/api/console/assert_static/index.md b/files/fr/web/api/console/assert_static/index.md
new file mode 100644
index 00000000000000..e312bee4ea7362
--- /dev/null
+++ b/files/fr/web/api/console/assert_static/index.md
@@ -0,0 +1,68 @@
+---
+title: "console : méthode statique assert()"
+slug: Web/API/console/assert_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.assert()`** permet d'écrire un message d'erreur dans la console si l'assertion passée en argument est fausse. Si l'assertion est bien vérifiée, rien ne se passe.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+assert(assertion, obj1)
+assert(assertion, obj1, obj2)
+assert(assertion, obj1, obj2, /* …, */ objN)
+
+assert(assertion, msg)
+assert(assertion, msg, subst1)
+assert(assertion, msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `assertion`
+ - : Une expression booléenne. Si l'assertion est fausse, le message est affiché dans la console.
+- `obj1` … `objN`
+ - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+ - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution.
+- `subst1` … `substN`
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+Dans l'exemple suivant, on illustre comment utiliser un objet comme deuxième argument :
+
+```js
+const messageErreur = "le nombre n'est pas pair";
+for (let nombre = 2; nombre <= 5; nombre++) {
+ console.log(`le nombre est ${nombre}`);
+ console.assert(nombre % 2 === 0, "%o", { nombre, messageErreur });
+}
+// Ce qui est affiché dans la console :
+// le nombre est 2
+// le nombre est 3
+// Assertion failed: {nombre: 3, messageErreur: "le nombre n'est pas pair"}
+// le nombre est 4
+// le nombre est 5
+// Assertion failed: {nombre: 5, messageErreur: "le nombre n'est pas pair"}
+```
+
+Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/clear/index.md b/files/fr/web/api/console/clear/index.md
deleted file mode 100644
index cb0974470bd95f..00000000000000
--- a/files/fr/web/api/console/clear/index.md
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: clear()
-slug: Web/API/console/clear
----
-
-{{APIRef("Console API")}}
-
-Vide la console.
-
-Tous les messages de la console seront supprimés et remplacés par un message de confirmation ("Console was cleared").
-
-À noter: sur Google Chrome, `console.clear()` n'a aucun effet si l'utilisateur a coché "Preserve log upon navigation" dans les [paramètres de l'inspecteur](https://developer.chrome.com/devtools/docs/settings#preserve-log%20upon%20navigation).
-
-## Syntaxe
-
-```js
-console.clear();
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
-- [Chrome Developer Tools: Using the Console](https://developer.chrome.com/devtools/docs/console#assertions)
diff --git a/files/fr/web/api/console/clear_static/index.md b/files/fr/web/api/console/clear_static/index.md
new file mode 100644
index 00000000000000..bfc0f5e59ae003
--- /dev/null
+++ b/files/fr/web/api/console/clear_static/index.md
@@ -0,0 +1,32 @@
+---
+title: "console : méthode statique clear()"
+slug: Web/API/console/clear_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.clear()`** vide l'affichage de la console, si celle-ci le permet. Une console graphique, comme celle utilisée par les navigateurs, autorisera ce vidage, tandis qu'une console affichée dans un terminal (comme celle de Node.js), ne prendra pas en charge ce comportement et la méthode n'aura pas d'effet (et ne déclenchera pas d'erreur non plus).
+
+## Syntaxe
+
+```js-nolint
+clear()
+```
+
+### Paramètres
+
+Aucune.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/console-timelog.png b/files/fr/web/api/console/console-timelog.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f21845c92d6189c7f925fbc2074dc65e8bc430b
GIT binary patch
literal 4741
zcmXX{2{_c-8>S?}jS5+=(r~AYY}uDAVa(W<84N{a1|wnYOWmaGBU@z|%vdvq)DRkL
z_MMC=Yhw>tLzbHV=>C7tIq&nG=PbYTo%j3RFV?~g%yUNg3=0bj55!2{iiL%h$g~+8
zCz%*r%y~S)hSD|FWnrmI;ySu}iaBP*Sb_Ce%KJsXF$bJJM)nvMmUI5coplO%DVVu{
zVqs!q0002xR80&Gp-|^^8f{!zSv@K$R#jDto14cclaZR5Zi}gtK~YOxG&Z@*_#{t$>M4wtK?Y*JhM0Ut2|2m4A(%f+B;AK0hc$5_V1#3>so
z2eo(@dE9bwadUOH^C-FvFlqMo_I>cc526Z`b*4Ky-T|oMeJ~LKfE@&4A`1Wl01>Xy
zcul6^VXui{0F?1?6QH&|onUY0;&KlTx6@`$ft!_;)ryKr3;{qtWuQ+qJ}^enCzJlH
zNCy&4uSG{_V(5lZO@s(Mz{nJy*-WFvQlg-K5sWx6P!RxBj6pd#+(F{U0|J8F-O&I5
zG_b`K63qZ03tcmtWlfs#NMMv9&<;%p7{|e06+qk0W$(ZF!Wk1
zUD3ndZHn3aDR@s!XSz>jGdvpqYzpO?NjE4$xfR(H&=K%VIsw~khi3kzIgq(H#*~1@
z2NvlBPWiiH@M$8NK`bo1RuFw%o8Ylk9B0sYJO9(uY^`E31srFJT2lBtQuwHdYS@RV
znNjaq(*5P4K&zn2cZ$9fk^y^)rm4!Ndl8I}xR3|zuUI+k-(JtSydH$T{PV7A)Z$jX
zkXUk16f<^MSU#W4dFTnd6xg<#_;WjBaOVN#YSKC-jM3&byVxk*nvqDFO$tpK&()YY
zI{XYYUmeWMwba_1*c<`d?%WM>%r2*1SfgxAq<&gnnGOjMJ8!)FgDg4Pwce)v$XZjR
zhfV!(U1YPKYlfh{7&8hr>|a^XzHdAgyg0e5B!1@rbLhmVzhd@&+;-0W*Q%0|-=cC-
zJZU{zyXHe>ga&t_wLY%F
z5)Us;FusoMFgP}g_u5t(AvrE9TcDRtYThUgFgC*YYD9xS6d14h$Qa9D??{zMNqP&&
zwiO-vHK7F@_tECm4!{4KY^5F%c{WlhxdSyoyc8g#w0~G3lfi+O{3L~aU^cYe{S8!H
zfh#gOA2clFigv}^YWO^0@yssSwEy`HsnROK=BV$a)ip1$9SG~AE%m1G5Q6Gala4$)
z3SAhh=fc7lx3|*^sr)(RZxMfo?b~G9mZi&}$KT85`jE$XM_nPr#MSUNJ}_t*RbG{e
zI4L{z;W9CI2-=CkE(!lsf$`5Dk>F<^Fb)LE;WP$>HAgP$2BG73utffyx1rA$vusVZ
z!qrH~te56qx3yfrY)Ugm!`oerVqIl=HS7%=6Pgv*`x}aB0*j~6l7b?hlDd2WGQ?cX
zmjTIDR>XLfsoxe^~cc$sv-;N=k#0{b22R;=ut8?vx5H0fUTcK55Yb7Ns>`vEPb
zH|v(MaWwqJeAn{U)>evLew2#={KeTW2;#|%Z^)81PS{WG+G)w
zJbh+@{bMk1_`wD}iO|ZR9b9x#`C>cp$|!!GKh@S#QamYiM+ad!`N>wT|9%s9
z*_Y;odcogP?f*IT@0S@sp7htYV>kc(h3`};5~)C4!O1Yn;ZIBUANIB8KR3%?s+`X1
zxV`rI#&m35@u|EejgtBkB;lQVQ4~3D2R*Xqp+9;`W{y^o8R{y34zxYF=52D#0I@Su
zBMbPYDzMW1i2wu_5)4ZU*{t+9N&KjnvefMnUYh36nOjcP$*=GgmVhrs|M+KhnwMKy
zV_?+@`qv9+C$wS!W&=ld4d*Q_D=rUt$zGil5vgec=Ue{Xo>y4Nm8Gd0V8Iq33q!4maJO0rcPfAyS3Fs0N1UV(2
zkCt}SUT{!)libgZEU+RW9+tx5-|6LyN%lQ>4c>1Ul5*I{CRW4CQYJA=N5E1pOST(`
zfEmS#(1Uzk%kOE)ySF*4ry%KF}^B(n*i%EKgfC
zP!!u3OQeA9BekXb+P&9EbE}go3#{uJxiRo?^FB3m(EkIO$#e#LgM1-tgS=$Q8K#lO
zgd5!9uFyjMaMy0@lXMYlc;#0S>oFybSCxA$8;Pucb~?BJ`!`p(>#_aj>xKRH3(0$_
zLf9pmJ2@VV(n5)4_Nr`A+>6^Wv)A9z*7J7Hkh|rD7xZ2%_BNxHPERR>fKpVkPY>XG
zbxUPIvoc>C%T{7$fwxS?QYtT20rj~5`K}vwx&3~~AcAMiA8*=dH6YX|aDbO3$SKx+
z;|OaZ`%Ni`(oDa7n1t(V^jbt64v8s^42XvG+-qCjWy`Yn55v_IQ)HIHev0}Y-OHv3
zgCK^pL%|AZs8n%up$xWt`E#Hq>ZpXjk`~#;i@j)mF;%+#(m%d^;-9qjLS4|_iEXKLx?
z%`L<=+vHBFlrJjIkz}Qgg;yJSERa24yeui?21wEWBHx{
z{}@XYx+XYHwFZWA8TEd{2f{Ci#`J?Q%NR0jwD-myqh
z-{)IJ6##5*!l)-9<=L_r+5p6<=47eBQz@?%V2ac1nQ^m%w~wGOBd=F%Lv%J*YErXni^5fLw2oKih0kMD3&qKD0tKJFp)I
zhR)Y_@;|+}kIkmp_N@oDHp>@NLa3!eYymsb@p&HoAl5mVyfN-lUD${RdDRH;{B(d<
z3QJ#HNslNyGi^)6u53RS{k@-Q_(JA|a47gZ{yRT}QiXoF0P
z{4TrOoo`SK7TlP1DDthhpDVIm8u1KN>9da+r4@8l}C_#;`pIi
zKCoU=YexM^OqMqcSZvd8TV`S(I;C4ltv*uv=*%Emc|849!OZMR2F$*#<+p9&?RQUv
z!ekSERs1)56OHA?NeVio1o;>d5H~+qx!WlYb7F4wjLwW~7
z$FvN7uQE$OSwu2Hjyq_R`>>QMx|&9Q+1kAtHrV$aH}bus(vEgmUvPMZQ_NyYFt%Dw
zYJw57%R+wveU@1qr2BUK{qV2!RpLZWwVcmb?~oZJ>GF%J2OR4-i9gbAe|ROfvtLxW
zCh}L(s^}-zfehF8XE7mdwzU!Z4qGP1vudBOd6>J{AO5g75s+P<>Oy26GXyA@U%9($
z;6k!dZDb^;%LtLmc6Wb+M`7L-@q`cHlpJlr5)R~^P24BSa2Sx^)4)||EX2Sycbs9w
z#k;WG?U5^E9!Jisj(RP#79}b9t#xe*5_($lz|BESKU7*vrDE&wlH`eC{FiI7S;(Tqr87?|WJQp`RoXdzWqy|i@`+BF67wGs`(e!$v04EBRi4_nO%aP
z3D=l_ycnFE1_d#pn7t*wpvAlL6TD6JZ3DCLMmXVgDDU1ggG!&Xb=r_ZZlHV}P}KblO%Nnl;^
z4b*xW^_9sQV`ae=b*2pQo-gdOOBg#Z&YrrPr^P#4t;uoDQ&p&{@Wsh5NcXV*pH+ir
zBfhKMT8fz$&u6ockvMfn5w3rDtk#>J_wIeXd1HH4E|s4+e%=c?^gUoEXR9u6osMbU
zO!eLJEF%jif@ixda!j8gK$5c-O35K^A^krsK?GJ4g(yIEbi!z9Q+zwt=Z>%bUcPiB
zC1IdfRJHdW#i-M-VA@uD+0pZD`H{@;=_&s2)jS`YZ1|#hQZN6wt24yP^Oj|wVVuE&j@?O`HhsgCYfp$Z=^p0?B>&JMhW7f-vj
ztGo1Nh!bQ39q;mFz~zy6fxh^z2h-7LLlW7|?x|NpORv}c%~6^FV$1~H8Lr5@wFd$h
z)~@jyeqWMR?M=C6Ke$ZolV2V@MVB4j>E8CL5TV%VjuX0Dw~%t#^m^uZ+gG)LeGj>A
zR@C(r8XPTvdL5lq76ih_7KgYHl`Y)5yllF>t=NI~jV~7?FLOj*Uc&}|AHXgIbpx;7
z_-khzG~wDH_3Qn3yHEO4@kKdD1~;tz!AST10lSk$BZ|aGqYY+gpm!b#l!FVNM_g@=
zokI0U#M+mJE2(@KzK%XhTMuati#92jH|uuSkm(rn6CUrFm?8YIoqm#XyW3Az``sY<
z-;&b0t3j4rPd+=YiHysKj!0)868J2{`U&8(v{HSLo2YoVYK;A-(spgdhf97#;`#L!
z8KY)A39UZ8IN!cze_(WY|P
zY3_6I2s!g$_{v}?Pxh&#QGEKgT=~emn{%#Y#HsKKcm5*0b-O$D5=%{4`j2lePpq{F
zH)b8HS_E23=J*k(f
zt2MMZ>ll2`Qwq}kg9Ea)p{nu(p6Nh-e04=<+V)vLVo4AgRE*}bOO6V4b7gu`AaG~P
z?Z;5|-&&!&XYEnE$+~Xba8^=
zX^rq@5WmmqtUaoNRWhfMwAI$`n_L(M=)WUmPu%o-i$l3K@Hwzn5#X)AHcy*-rmPEE
R?$#X(8^pj&zg*8b@_%shFcbg)
literal 0
HcmV?d00001
diff --git a/files/fr/web/api/console/count/index.md b/files/fr/web/api/console/count/index.md
deleted file mode 100644
index 8e6d2dc4bf65f8..00000000000000
--- a/files/fr/web/api/console/count/index.md
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: Console.count()
-slug: Web/API/console/count
----
-
-{{APIRef("Console API")}}
-
-Affiche dans la console le nombre de fois où la fonction `count()` a été appelée. Cette fonction accepte l'argument optionnel `label`.
-
-{{AvailableInWorkers}}
-
-Si un `label` est passé en paramètre, la fonction affiche le nombre de fois où la fonction `count()` a été appelée pour ce `label` spécifiquempent.
-
-Si aucun `label` est passé en paramètre, la fonction affiche le nombre de fois où la fonction `count()` a été appelée jusqu'à présent.
-
-Ci-dessous, un exemple d'utilisation :
-
-```js
-function greet() {
- console.count();
- return "hi " + user;
-}
-
-var user = "bob";
-greet();
-user = "alice";
-greet();
-greet();
-console.count();
-```
-
-La console affichera les lignes suivantes :
-
-```
-": 1"
-": 2"
-": 3"
-": 1"
-```
-
-A noter, la dernière ligne inscrite dans la console fait référence à l'appel de la fonction `count()` de la ligne 11 qui est traité comme un événement indépendant.
-
-Si la variable `user` est passée à la fonction comme paramètre `label`, le code ci-dessous génèrera un nouveau compteur lorsque la variable `user` sera modifiée :
-
-```js
-function greet() {
- console.count(user);
- return "hi " + user;
-}
-
-var user = "bob";
-greet();
-user = "alice";
-greet();
-greet();
-console.count("alice");
-```
-
-La console affichera les lignes suivantes :
-
-```
-"bob: 1"
-"alice: 1"
-"alice: 2"
-"alice: 3"
-```
-
-Nous obtenons maintenant deux compteurs distinct basés sur un libellé différent. L'appel de la fonction `count()` avec "alice" à la ligne 11 n'est pas considéré comme un événement indépendant car le compteur existe déjà.
-
-## Syntaxe
-
-```js
-console.count([label]);
-```
-
-## Paramètres
-
-- `label`
- - : Une chaîne de caractères. Si ce paramètre est renseigné, `count()` affiche le nombre de fois que la fonction a été appelée jusqu'à présent avec ce libellé. S'il est omis, `count()` affiche le nombre de fois que la fonction a été appelée sur cette ligne.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
diff --git a/files/fr/web/api/console/count_static/index.md b/files/fr/web/api/console/count_static/index.md
new file mode 100644
index 00000000000000..1c4898ac613b43
--- /dev/null
+++ b/files/fr/web/api/console/count_static/index.md
@@ -0,0 +1,96 @@
+---
+title: "console : méthode statique count()"
+slug: Web/API/console/count_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.count()`** affiche le nombre de fois que `count()` a été appelée (le compteur pouvat être identifié par l'argument passé à la méthode).
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+count()
+count(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{Optional_Inline}}
+ - : Une chaîne de caractères. Si cet argument est fourni, `count()` affiche le nombre de fois qu'elle a été appelée avec ce libellé. Si cet argument est absent, `count()` se comporte comme si elle avait été appelée avec le libellé `"default"`.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+Prneons le code suivant :
+
+```js
+let personne = "";
+
+function salutation() {
+ console.count();
+ return `Coucou ${personne}`;
+}
+
+personne = "bob";
+salutation();
+personne = "alice";
+salutation();
+salutation();
+console.count();
+```
+
+L'affichage dans la console ressemblera à :
+
+```plain
+"default: 1"
+"default: 2"
+"default: 3"
+"default: 4"
+```
+
+On voit que le libellé affiché est `default`, car aucun libellé explicite n'a été fourni à `count()`.
+
+Si on passe la variable `personne` comme argument pour le premier appel à `count()`, puis la chaîne de caractères `"alice"` lors du second appel :
+
+```js
+let personne = "";
+
+function salutation() {
+ console.count(personne);
+ return `Coucou ${personne}`;
+}
+
+personne = "bob";
+salutation();
+personne = "alice";
+salutation();
+salutation();
+console.count("alice");
+```
+
+On obtiendra ce résultat :
+
+```plain
+"bob: 1"
+"alice: 1"
+"alice: 2"
+"alice: 3"
+```
+
+Et on peut ici compter le nombre d'appels en fonction du libellé passé en argument.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/countreset/index.md b/files/fr/web/api/console/countreset/index.md
deleted file mode 100644
index d49236dcd5750b..00000000000000
--- a/files/fr/web/api/console/countreset/index.md
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: Console.countReset()
-slug: Web/API/console/countReset
----
-
-{{APIRef("Console API")}}
-
-Remet le compteur à zero. Cette fonction prend un argument optionnel `label`
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```
-console.countReset([label]);
-```
-
-### Parameters
-
-- `label`
- - : Si specifié, `countReset()` remet à zero le compteur associé à ce label. S'il n'est pas specifié, `countReset()` remet à zéro le compteur par defaut.
-
-### Return value
-
-Si le paramètre label à été spécifié :
-
-```
-counter-name: 0
-```
-
-Si aucun label n'as été specifié
-
-```
-default: 0
-```
-
-### Warnings
-
-Si `label` est specifié mais n'existe pas `countReset()` renvoie cet avertissement :
-
-```
-Counter "counter-name" doesn’t exist.
-```
-
-Si `label` n'est pas specifé et que `count()` n'as pas encore été appellé `countReset()` renvoie cette avertissement :
-
-```
-Counter "default" doesn’t exist.
-```
-
-## Examples
-
-Par exemple avec un code comme celui ci :
-
-```js
-var user = "";
-
-function greet() {
- console.count();
- return "hi " + user;
-}
-
-user = "bob";
-greet();
-user = "alice";
-greet();
-greet();
-console.count();
-console.countReset();
-```
-
-Le retour de la console ressemblera à ceci :
-
-```
-"default: 1"
-"default: 2"
-"default: 3"
-"default: 1"
-"default: 0"
-```
-
-Pour information l'appel à `console.counterReset()` remet à zero la valeur du compteur par défaut.
-
-S'il on passe la variable `user` comme argument pour `label` et que l'on effectue un premier appel de la fonction `count()`, avec la chaine "bob" puis un second appel avec la chaine "alice" :
-
-```js
-var user = "";
-
-function greet() {
- console.count(user);
- return "hi " + user;
-}
-
-user = "bob";
-greet();
-user = "alice";
-greet();
-greet();
-console.countReset("bob");
-console.count("alice");
-```
-
-On obtiendra ce retour dans la console
-
-```
-"bob: 1"
-"alice: 1"
-"alice: 2"
-"bob: 0"
-"alice: 3"
-```
-
-Remettre à zero le compteur "bob" change uniquement la valeur de celui-ci. La valeur du compteur "alice" reste inchangée.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
diff --git a/files/fr/web/api/console/countreset_static/index.md b/files/fr/web/api/console/countreset_static/index.md
new file mode 100644
index 00000000000000..85190af6d1f968
--- /dev/null
+++ b/files/fr/web/api/console/countreset_static/index.md
@@ -0,0 +1,100 @@
+---
+title: "console : méthode statique countReset()"
+slug: Web/API/console/countreset_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.countReset()`** permet de réinitialiser le compteur utilisé avec [`console.count()`](/fr/docs/Web/API/console/count).
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+countReset()
+countReset(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+ - : Une chaîne de caractères. Si cet argument est fourni, `countReset()` remet à zéro le compteur associé à ce libellé. Si l'argumetn est absent, `countReset()` remet à zéro le compteur par défaut.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+Prenons le code suivant par exemple :
+
+```js
+let personne = "";
+
+function salutations() {
+ console.count();
+ return `Coucou ${personne}`;
+}
+
+personne = "bob";
+salutations();
+personne = "alice";
+salutations();
+salutations();
+console.count();
+console.countReset();
+```
+
+La console affichera ce qui suit :
+
+```plain
+"default: 1"
+"default: 2"
+"default: 3"
+"default: 4"
+"default: 0"
+```
+
+On voit que l'appel à `console.counterReset()` réinitialise la valeur du compteur par défaut à 0.
+
+Si on passe la variable `personne` en paramètre pour le libellé (ici d'abord avec `"bob"`, puis avec `"alice"`) :
+
+```js
+let personne = "";
+
+function salutations() {
+ console.count(personne);
+ return `Coucou ${personne}`;
+}
+
+personne = "bob";
+salutations();
+personne = "alice";
+salutations();
+salutations();
+console.countReset("bob");
+console.count("alice");
+```
+
+On obtiendra le résultat suivant :
+
+```plain
+"bob: 1"
+"alice: 1"
+"alice: 2"
+"bob: 0"
+"alice: 3"
+```
+
+En réinitialisant la valeur du compteur `"bob"`, on ne modifie pas pour autant le compteur `"alice"`.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/css-styling.png b/files/fr/web/api/console/css-styling.png
new file mode 100644
index 0000000000000000000000000000000000000000..18281e412492f66a355976a2e996aa2e0d6818af
GIT binary patch
literal 2653
zcmV-j3ZnIiP)Px#32;bRa{vGmbN~PnbOGLGA9w%&0H{z*R7E2rConin
zN??^eOmT3U|5tOlWQW{1I6Vvu4FCZD|Nj6sHadiaiI9+Qyu83>W|`aDB(}CmlarN!
zfrFu;rMZs(W@c*F*V|lNUq(hsIy%K}ZgOu~l|430p?%zj-gHSxO;$&7h-ou9e6
zyIF`)EG#fcX+wyJifN`@Vq#@?!f9`Ba&B&MTwGo@NH$4HOk!eWR#sRxHaVuIs9RfJ
zb#-@WXlwes!leKJ2|h_gK~#9!?Oh8)<2Vj>Uf!F~M^gHrg)%UEEVDa%Gxxs#|IbdA
z~g<|gLF
z!)IqUsB~XOORVeJ5##oriuJ8KSkLaw?b^&tQzN`s)91@Nu^+j2USr+xf{vv|{m4v2M)citG~#f+m&t})_4
z=-Bxd=EY|=5)^Sh$ng)vogeW&bsyB5;6C;J<6r;2(&7d1gUrP@cYxYTPHy-A2^inCE$O%yyy3(_Cee!sfQM7ip&QDwE|@xU%r2<&w^&FVdHY-FX$uqVw!B%E@
zl_{K_jVQKJuk@cAZ8dGH@`C&H=ccUxpa-!RmjCmtqJDtmfR(0JLss2xTI@8<(yR~}
z(PXn(8!sd>8Sib{;!eVsd9J+BRy{RO8eUMDX4)DCl+uF?P%v?LR#88|ks|vvO`pmO
zvhH~i@gj|aRw@(ck`lv;Y+4(ch!<&WWtx6ufQ-iWyhx$86F3r5TgKjGrymiWHy$VO
z1=fACMkWb-M`MhVJP}PM`If12MntShlH?t{;C`ga7JgQ~pYV=pgx7^$+L2feAzdUV
z_Br9WGqBa7bCC&oQ8hnwjOOd6thvmV7b0J{{6%zq?t*g@Wnsgud>~gE@{7l6&b86#-Y5mSa*4Z4C8aet
z?lCUs?&P|3R$(^R20OX;n)tC=UWD^+bI-p2B*-_kqP^ZWYgZ($
z#`B{8n&?;oFT(jtK2T;N{rgb@9@!2zm!|$)GA-t<^MW&)UiX{4pvIynFVsHw&y}{k
z(ClmvUWlaUh0m>Ihj`KWmnZWg-Du5ZCcAiHI$jw_i-uDsx39wsv6*2$RgZNIqIe<5
zWwx5pJZs@nt|V_`Uc_10e2X``a-~~-ge4_A+v!JasEu6nxQ!pNO_rbg*I6~$T+*i{
zP9#6OCNfqt^Q_4V^L)aYNdJD6Z5{>JTNG{2QDkw_oN?k~tTf10rlyM*yz82bse6Ye
zluuY=;fvZn?rgKLMY}l;`&9Mf+HssgoP4V_L5M#OoFMy5+1C9g$FMyx&BlsPhKu6p;z@v5`HW%zh@H=~f
zIJ)5HTKM5_0000000000j)h+UU>n#N0002M+ry_<1XdrsXi-(*#cNOOuAUX1JZ
zxE{-wA?(Gen6P~MA51ey*iYAER2Rn?vaUYyF2kiyk!Fc-X633xG>59U*majnya7sGm7uWH)&rBfR3
zW-i?xuUA@1t2zgksaW}?)3df#Yq@pXA?9N^9*$kP5pRGOCvYU>7Um;~KzH~N=Ec16
zI4v(KVMcT3P-*G>12cj&9Nt$*>zMrpwT^x3s@jy%hH+hc&!YXT$}xCxvU^jCDF+;I
zQuwgsxKoY;UWm*lFB~(70~8_-Ii!@5qDIm=l|xb{w|W=hTT7w_hn?ISaz|ublv)E|_>=K{CoitTC?enm
z*Mk>l>qq_(`H>054a$qVONt)Ir*!i|>O}_2c=p7&o?Lo+;i60`HL_%0umm*L%Nz0f23Q7XWwx^u_-HxiJoEMC=xp00000
LNkvXXu0mjfCa4qc
literal 0
HcmV?d00001
diff --git a/files/fr/web/api/console/debug/index.md b/files/fr/web/api/console/debug/index.md
deleted file mode 100644
index 53a0b5fdcba4c9..00000000000000
--- a/files/fr/web/api/console/debug/index.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: console.debug()
-slug: Web/API/console/debug
-l10n:
- sourceCommit: d9026c37acaf22da682206c381686fe8a4666f16
----
-
-{{APIRef("Console API")}}
-
-La méthode **`console.debug()`** affiche un message dans la console web avec le niveau « débogage/debug ». Le message est visible uniquement si la console est configurée pour afficher ce niveau de journalisation.
-
-Pour la plupart des cas, le niveau de journalisation visible se configure via l'interface utilisateur de la console. Le niveau de débogage de cette méthode correspond au niveau `Debug` ou `Verbose` en anglais.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js-nolint
-debug(obj1)
-debug(obj1, /* …, */ objN)
-debug(msg)
-debug(msg, subst1, /* …, */ substN)
-```
-
-### Paramètres
-
-- `obj1` … `objN`
- - : Une liste d'objets JavaScript à afficher dans la sortie. Les représentations en chaînes de caractères de ces objets sont concaténées dans l'ordre des arguments puis cette concaténation est affichée dans la console.
-- `msg`
- - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs chaînes de caractères de substitution, remplacées respectivement par `subst1`, `substN`.
-- `subst1` … `substN`
- - : Des objets JavaScript à utiliser pour remplacer les chaînes de substitution de `msg`. Cela fournit un contrôle supplémentaire sur le format de la sortie. Voir [Utiliser les chaînes de caractères de substitution](/fr/docs/Web/API/Console#utiliser_les_caractères_de_substitution) qui décrit le fonctionnement des substitutions.
-
-Voir [Afficher du texte dans la console](/fr/docs/Web/API/Console#afficher_du_texte_dans_la_console) dans la documentation de l'objet [`console`](/fr/docs/Web/API/Console) pour plus de détails.
-
-### Valeur de retour
-
-Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
diff --git a/files/fr/web/api/console/debug_static/index.md b/files/fr/web/api/console/debug_static/index.md
new file mode 100644
index 00000000000000..1a2c3cee3ffe6c
--- /dev/null
+++ b/files/fr/web/api/console/debug_static/index.md
@@ -0,0 +1,44 @@
+---
+title: "console : méthode statique debug()"
+slug: Web/API/console/debug_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.debug()`** affiche un message dans la console pour le débogage. Ce message sera uniquement affiché si la console est configurée pour afficher les messages de débogage. Dans la plupart des cas, le niveau de journalisation se paramètre via l'interface utilisateur de la console. Le niveau de journalisation pourra par exemple être `Débogage` ou `Verbeux`.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+debug(obj1)
+debug(obj1, /* …, */ objN)
+debug(msg)
+debug(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+ - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+ - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/dir/index.md b/files/fr/web/api/console/dir/index.md
deleted file mode 100644
index 312dfbdf246a3c..00000000000000
--- a/files/fr/web/api/console/dir/index.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-title: console.dir()
-slug: Web/API/console/dir
----
-
-{{APIRef("Console API")}}
-
-La méthode **`console.dir()`** affiche une liste interactive des propriétés de l'objet JavaScript passé en argument. La sortie est présentée comme une liste hiérarchique avec des triangles qui permettent de développer l'arborescence de l'objet et de voir le contenu des objets descendants.
-
-Autrement dit, `console.dir()` permet de voir l'ensemble des propriétés d'un objet JavaScript dans la console.
-
-{{AvailableInWorkers}}
-
-
-
-## Syntaxe
-
-```js
-console.dir(object);
-```
-
-### Paramètres
-
-- `object`
- - : Un objet JavaScript dont on souhaite afficher les propriétés dans la console.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Microsoft Docs : référence de l'API Console](https://docs.microsoft.com/fr-fr/microsoft-edge/devtools-guide-chromium/console/api#dir)
-- [Chrome : référence de l'API Console (en anglais)](https://developer.chrome.com/docs/devtools/console/api/#dir)
diff --git a/files/fr/web/api/console/dir_static/index.md b/files/fr/web/api/console/dir_static/index.md
new file mode 100644
index 00000000000000..12ba31febc6a24
--- /dev/null
+++ b/files/fr/web/api/console/dir_static/index.md
@@ -0,0 +1,44 @@
+---
+title: "console : méthode statique dir()"
+slug: Web/API/console/dir_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.dir()`** affiche une liste interactive des propriétés de l'objet JavaScript passé en argument. L'affichage est une hiérarchie avec des flèches/triangles qui permettent de déplier/replier le contneu des propriétés et objets enfants.
+
+Autrement dit, `console.dir()` permet de voir l'ensemble des propriétés d'un objet JavaScript dans la console et de manipuler les niveaux hiérarchiques.
+
+{{AvailableInWorkers}}
+
+
+
+## Syntaxe
+
+```js-nolint
+dir(objet)
+```
+
+### Paramètres
+
+- `objet`
+ - : Un objet JavaScript dont on souhaite afficher les propriétés.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [La documentation Edge sur `console.dir()`](https://learn.microsoft.com/fr-fr/microsoft-edge/devtools-guide-chromium/console/utilities#dir)
+- [La documentation Chrome sur `console.dir()`](https://developer.chrome.com/docs/devtools/console/api/#dir)
diff --git a/files/fr/web/api/console/dirxml/index.md b/files/fr/web/api/console/dirxml/index.md
deleted file mode 100644
index e39b94f52bf26f..00000000000000
--- a/files/fr/web/api/console/dirxml/index.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: Console.dirxml()
-slug: Web/API/console/dirxml
----
-
-{{APIRef ("Console API")}}Affiche un arbre interactif des éléments descendants de l'élément XML / HTML spécifié. S'il n'est pas possible d'afficher en tant qu'élément, la vue Objet JavaScript est affichée à la place. La sortie est présentée sous la forme d'une liste hiérarchique des noeuds extensibles qui vous permettent de voir le contenu des nœuds enfants.
-
-## Syntaxe
-
-```js
-console.dirxml(object);
-```
-
-## Paramètres
-
-- `object`
- - : Un objet JavaScript dont les propriétés doivent être sorties.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/dirxml_static/index.md b/files/fr/web/api/console/dirxml_static/index.md
new file mode 100644
index 00000000000000..8bfc054df502fc
--- /dev/null
+++ b/files/fr/web/api/console/dirxml_static/index.md
@@ -0,0 +1,33 @@
+---
+title: "console : méthode statique dirxml()"
+slug: Web/API/console/dirxml_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.dirxml()`** affiche un arbre hiérarchique des éléments enfants de l'élément XML/HTML passé en argument. Si l'affichage sous la forme d'un élément n'est pas possible, l'argument est affiché comme un objet JavaScript.
+
+## Syntaxe
+
+```js-nolint
+dirxml(objet)
+```
+
+### Paramètres
+
+- `objet`
+ - : Un objet JavaScript dont on souhaite afficher les propriétés.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/error/index.md b/files/fr/web/api/console/error/index.md
deleted file mode 100644
index 0683e6b6a9f603..00000000000000
--- a/files/fr/web/api/console/error/index.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: console.error()
-slug: Web/API/console/error
----
-
-{{APIRef("Console API")}}
-
-Affiche un message d'erreur dans la console du navigateur.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.error(obj1 [, obj2, ..., objN]);
-console.error(msg [, subst1, ..., substN]);
-console.exception(obj1 [, obj2, ..., objN]);
-console.exception(msg [, subst1, ..., substN]);
-```
-
-> **Note :** `console.exception()` est un alias de `console.error()`; ils sont fonctionnellement identiques.
-
-### Paramètres
-
-- `obj1` ... `objN`
- - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.
-- `msg`
- - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.
-- `subst1` ... `substN`
- - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie.
-
-Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{domxref("console")}} pour plus de détails.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
-- [Chrome Developer Tools: Using the Console](https://developers.google.com/chrome-developer-tools/docs/console#errors_and_warnings)
diff --git a/files/fr/web/api/console/error_static/index.md b/files/fr/web/api/console/error_static/index.md
new file mode 100644
index 00000000000000..5ccf3560d5e9a7
--- /dev/null
+++ b/files/fr/web/api/console/error_static/index.md
@@ -0,0 +1,49 @@
+---
+title: "console : méthode statique error()"
+slug: Web/API/console/error_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.error()`** permet d'afficher un message d'erreur dans la console.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+error(obj1)
+error(obj1, /* …, */ objN)
+error(msg)
+error(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+ - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+ - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [La documentation Edge sur `console.error()`](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/api#error)
+- [La documentation Chrome sur `console.error()`](https://developer.chrome.com/docs/devtools/console/api/#error)
diff --git a/files/fr/web/api/console/group/index.md b/files/fr/web/api/console/group/index.md
deleted file mode 100644
index 9b85f9155e1604..00000000000000
--- a/files/fr/web/api/console/group/index.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Console.group()
-slug: Web/API/console/group
----
-
-{{APIRef("Console API")}}
-
-Création d'un nouveau groupe en ligne dans la [console Web](/fr/docs/Tools/Web_Console). Cela indente les messages de console suivants par un niveau supplémentaire, jusqu'à ce que {{domxref("console.groupEnd()")}} soit appelé.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.group();
-```
-
-## Paramètres
-
-- `label`
- - : donne une étiquette au groupe. Facultatif. (Chrome 59 testé). Ne fonctionne pas avec `console.groupEnd()`.
-
-## Exemples
-
-Vous pouvez utiliser des groupes imbriqués pour organiser votre sortie en associant visuellement les messages correspondants. Pour créer un nouveau bloc imbriqué, appelez `console.group ()`. La méthode `console.groupCollapsed ()` est similaire, mais le nouveau bloc est réduit et nécessite de cliquer sur un bouton de divulgation pour le lire.
-
-Pour sortir du groupe courant, appeler `console.groupEnd()`. Par exemple, étant donné ce code :
-
-```js
-console.log("This is the outer level");
-console.group();
-console.log("Level 2");
-console.group();
-console.log("Level 3");
-console.warn("More of level 3");
-console.groupEnd();
-console.log("Back to level 2");
-console.groupEnd();
-console.log("Back to the outer level");
-```
-
-La sortie ressemble à ceci :
-
-
-
-Pour plus de détail, se reporter à l'article [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation sur la {{domxref("console")}}.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/group_static/index.md b/files/fr/web/api/console/group_static/index.md
new file mode 100644
index 00000000000000..298a45c64d6502
--- /dev/null
+++ b/files/fr/web/api/console/group_static/index.md
@@ -0,0 +1,66 @@
+---
+title: "console : méthode statique group()"
+slug: Web/API/console/group_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.group()`** crée un nouveau groupe dans le journal affiché dans la console. Les messages affichés ensuite seront indentés d'un niveau jusqu'à ce que [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static) soit appelée.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+group()
+group(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+ - : Un libellé pour identifier le groupe.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+Vous pouvez utiliser des groupes imbriqués pour organiser l'affichage dans la console et regrouper les messages associés. Pour créer un nouveau bloc imbriqué, on appellera `console.group()`. La méthode [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupcollapsed_static) est similaire, mais produit un groupe replié par défaut (il faut cliquer sur le symbole de dépliage pour voir les messages).
+
+Pour clôturer le groupe courant, on appellera [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static). Par exemple, si on a écrit :
+
+```js
+console.log("Il s'agit du niveau extérieur");
+console.group();
+console.log("Niveau 2");
+console.group();
+console.log("Niveau 3");
+console.warn("Un avertissement au niveau 3");
+console.groupEnd();
+console.log("Retour au niveau 2");
+console.groupEnd();
+console.log("Retour au niveau extérieur");
+```
+
+L'affichage dans la console ressemblera à ceci :
+
+
+
+Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/Console#utiliser_des_groupes_dans_la_console) pour plus de détails.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static)
+- [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupcollapsed_static)
diff --git a/files/fr/web/api/console/group_static/nesting.png b/files/fr/web/api/console/group_static/nesting.png
new file mode 100644
index 0000000000000000000000000000000000000000..39f461b03d3fa04f59aa1f2c0056bee7deb2c22a
GIT binary patch
literal 2417
zcmV-%36A!OP)Px#32;bRa{vGmbN~PnbOGLGA9w%&0GUusR7E2rCq_m}
zyu84np{230v)9+#3=9oII3GATJyupORaIDogo$QmYCb+e{NkZ(UOjGZahsc-b-(}N
z%8tjee1wFDHa0qlh>EM2XpMYRlarO#wg7>FgKlneVq#@nTwh5^O^tUCOh6r6Twcwt
z0&j0}#HIvaPZ@P}cX3}8Vq#=gR#kLq1x#{S6>
zE?1+FM3CYRfL$2-0U!HI_*Z>jMw~qr&N$?BX1mYlQD|N`%L8*k;_{ZJi(}{nig^_H
zp|AIY`8@qlv`FK)o??$_PVgg*sh$+n-cfAPPl^310Pl>$XM~~kak9;v`gOp>$=CZq
zTLas=<07=X13_3)P4UZ+;-H
zrB6_K(o#gN0sFXst!H2tLXG2iiaj#(bfhuGGqk@$X^~G|?^opV`vBBumixc}K@bE%
zHz{mOV$&0XAPCy8#drz`z4D!T-pm|4FHKurq*Z5%gmfpj~qw)70+}rM8J<0
z@S|&8(Ku%|$tVM-;{_dOPTI``q-N)WDaQt>
zhd{W-mj+~C4cb`=m@O5gYJS}XTx;dyBCXFqrH@`xCRhSa9l+_T^h}32b3g9z)hU9}
zOc!JGb-@C5=Z&fJB2$F<;zl(2=(O_DonEY`V@a!(&rTpF4qx6X+90P0L-?`z9W15s
z@X|sD3s^1HvNYovgzdy29jAO;rBk<6k806OOw+nW7t5(!U6aimXDV}pcn))sJFiZ?
zg%>>UHto|fn4SeN-vb^1Ll6W((50)fOLvEj%6>OJ?~ru;3V;C^fFS@L0AL^g^12_u
zrtTz)JH?8enhvNlU_UZ|yVPv@wm=9v25{ta1|P23Gy>og0LQTfyuW7CLkZGpfIYti
zytiia&ANO5J^(oK<1RIuQf~+y57;xM*@tU3xmFZ&1pd$fU;u^y7=Qs70^kc2wk1*N
z2|*A99VHZg_RSZCpZyDkpQolL3O~=RKczfzEALSFd3L=D;8(AjQc?JMRyp;bDE#b;
za9N*-!p~j^Kh}~Ag`XEF6n
zsy=%Hd_>i!^H49SJK*kBpV$5X)SdtzQ}qeJrvUC;^%;lZ2po?G+`a0PreP310dUu<
zPwz~Rvc5UMM^t^{TLk{l0AK)y02qJ)7y{r+(T8rj`v9FJZ_-V76X+xXFaQHEbY8&!
z{0nS-0{*et{5Ykj`I29j%j5j_t8=sg0scZN-{d*{6z2o>Km6ZPk|f2D0RP;)ylj5f
z0nf8#QsP)9NhbDuQX~nTEb}CpWC@RSNsSX@&zxgE$+IL+)L){hzZ26C&*n;BdgN&J
zzIHv&c&Xk6@XP1TWU~4EQU`3v&7B)}ZpK8%j0b7}=60Bc0h~x~2`b~0FNXS^)A8AGd2rhq3oPZvq)T1<4(-~~yJ>?45X+(ygX
zMb5;`B(eio7ec46rstr(MVJH@z~w9qofGiJ5!m$r`1_|)-@y+5u?K(w7=Quz(g9=B
zv*%4uY|!IhKmafVzyJ)u?K-hE>y|4+4+C}|vDIJg+toe~^e|wb3$nPPGm!F^$f@h}
z=}qamTkkmv{Ls`Z-tzN6y8-sJqLVY2YdmAcL%7`MOxCOAMszhyG1o0W546)1F|rk%
z3|Ml}0(Lwb^`7?pmY)aOC4&Q7(YYURv);1?_(q=x+6C~anjpz00S@tz?UHW4`}gB
zPY8k_=sgvMH#g+>+1%7#V*lg_gVOtKZl2*X4pr~7xykm}>}W*Vi+XZ=jv$tney;#<
z@0*)yk0R@8EgGNAY-#Uz;8R5Zo11E-GBHd*;*?jNA1C`ADnS#Ruxh*8*NY6Hs$b#|L9E9M{zTYye9u+r@z=x-Z-)mFEn&wso
z{JfN3WFd0Nm`v5OCM>en>r9Dith0|N+xAP9oG
j3EPrAZ+iX$^{W2>sV~qT`KGqo00000NkvXXu0mjfKxBIV
literal 0
HcmV?d00001
diff --git a/files/fr/web/api/console/groupcollapsed/index.md b/files/fr/web/api/console/groupcollapsed/index.md
deleted file mode 100644
index d258aea5d11958..00000000000000
--- a/files/fr/web/api/console/groupcollapsed/index.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Console.groupCollapsed()
-slug: Web/API/console/groupCollapsed
----
-
-{{APIRef("Console API")}}
-
-Crée un nouveau groupe intégré dans la console Web. Contrairement à {{domxref ("console.group ()")}}, le nouveau groupe est créé réduit. L'utilisateur devra utiliser le bouton de divulgation à côté pour le développer, en révélant les entrées créées dans le groupe.
-
-Appellez {{domxref("console.groupEnd()")}} pour revenir au groupe parent.
-
-Voir [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation de {{domxref("console")}} pour plus de détails et des exemples.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.groupCollapsed([label]);
-```
-
-## Paramètres
-
-- `label`
- - : Étiquette pour le groupe. Facultatif.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/groupcollapsed_static/index.md b/files/fr/web/api/console/groupcollapsed_static/index.md
new file mode 100644
index 00000000000000..dacd27895df83a
--- /dev/null
+++ b/files/fr/web/api/console/groupcollapsed_static/index.md
@@ -0,0 +1,45 @@
+---
+title: "console : méthode statique groupCollapsed()"
+slug: Web/API/console/groupcollapsed_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.groupCollapsed()`** crée un nouveau groupe dans le journal affiché dans la console. À la différence de [`console.group()`](/fr/docs/Web/API/console/group_static), le groupe créé ici est replié. La personne devra utiliser l'icône de dépliage pour révéler les informations du groupe.
+
+Il faudra appeler [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static) pour fermer le groupe courant et revenir au niveau du groupe parent.
+
+Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/Console#utiliser_des_groupes_dans_la_console) pour plus de détails et d'exemples.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+groupCollapsed()
+groupCollapsed(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+ - : Un libellé identifiant le groupe courant.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.group()`](/fr/docs/Web/API/console/group_static)
+- [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static)
diff --git a/files/fr/web/api/console/groupend/index.md b/files/fr/web/api/console/groupend/index.md
deleted file mode 100644
index 344e0027d7320f..00000000000000
--- a/files/fr/web/api/console/groupend/index.md
+++ /dev/null
@@ -1,32 +0,0 @@
----
-title: Console.groupEnd()
-slug: Web/API/console/groupEnd
----
-
-{{APIRef("Console API")}}
-
-Quitte le groupe en ligne actuel dans la [console Web](/fr/docs/Outils/Console_Web). Voir [Using groups in the console](/fr/docs/Web/API/console#Using_groups_in_the_console) dans la documentation {{domxref("console.group()")}} pour plus de détails et des exemples.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.groupEnd();
-```
-
-## Paramètres
-
-Aucun.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/groupend_static/index.md b/files/fr/web/api/console/groupend_static/index.md
new file mode 100644
index 00000000000000..f0f2bdd2551592
--- /dev/null
+++ b/files/fr/web/api/console/groupend_static/index.md
@@ -0,0 +1,39 @@
+---
+title: "console : méthode statique groupEnd()"
+slug: Web/API/console/groupend_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.groupEnd()`** clôture le groupe courant dans la console. Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/Console#utiliser_des_groupes_dans_la_console) pour plus de détails et d'exemples.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+groupEnd()
+```
+
+### Paramètres
+
+Aucun.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.group()`](/fr/docs/Web/API/console/group_static)
+- [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupcollapsed_static)
diff --git a/files/fr/web/api/console/index.md b/files/fr/web/api/console/index.md
index e916c8bf6f3411..fd059fabccafd7 100644
--- a/files/fr/web/api/console/index.md
+++ b/files/fr/web/api/console/index.md
@@ -1,243 +1,262 @@
---
-title: Console
+title: console
slug: Web/API/console
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
---
{{APIRef("Console API")}}
-L'objet **`console`** donne accès à la console de débogage du navigateur (par exemple, la [Console Web](/fr/docs/Tools/Web_Console) dans Firefox). Les spécificités de fonctionnement varient d'un navigateur à l'autre, mais il y a tout de même un ensemble de fonctionnalités qui sont fournies de base.
+L'objet **`console`** permet d'accéder à la console de débogage de l'environnement JavaScript (par exemple [la console web](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html) de Firefox). Son fonctionnement varie d'un navigateur à l'autre, mais certaines fonctionnalités sont standardisées et généralement fournies.
-La `console` est accessible de n'importe quel objet global, {{domxref("Window")}} du cadre de navigation, {{domxref("WorkerGlobalScope")}} et ses variantes spécifiques pour les workers. Elle est exposée comme {{domxref ("Window.console")}} et peut être référencée simplement comme console. Par exemple :
+On peut accéder à l'objet `console` depuis n'importe quel objet global, [`Window`](/fr/docs/Web/API/Window) pour les contextes de navigation classiques et [`WorkerGlobalScope`](/fr/docs/Web/API/WorkerGlobalScope) dans les workers, grâce à la propriété `console`. Exposé via [`Windows.console`](/fr/docs/Web/API/Window/console), on peut y faire référence avec `console`. Par exemple :
```js
-console.log("Failed to open the specified link");
+console.log("Erreur à l'ouverture du lien indiqué.");
```
-Cette page documente les [méthodes](#méthodes) disponibles pour l'objet `console` et donne quelques [exemples d'utilisation](#exemples_dutilisation).
+Dans cette page, nous verrons [les méthodes](#méthodes) disponibles sur l'objet `console` et donnerons quelques [cas d'utilisation](#cas_dutilisation).
{{AvailableInWorkers}}
-## Méthodes
-
-- {{domxref("Console.assert()")}}
- - : Affiche un message et une trace d'appels dans la console si l'assertion en argument est à `false`.
-- {{domxref("Console.clear()")}}
- - : Vide la console.
-- {{domxref("Console.count()")}}
- - : Affiche le nombre de fois que la ligne a été appelée avec un label donné.
-- {{domxref("Console.debug()")}}
- - : Un alias de `log().`
-
-> **Note :** À partir de Chromium 58, cette méthode n'apparaît que dans les consoles de navigateur Chromium lorsque le niveau "Verbose" est sélectionné.
-
-- {{domxref("Console.dir()")}} {{Non-standard_inline}}
- - : Affiche une liste interactive des propriétés d'un objet JavaScript donné. Cette liste vous permet d'examiner le contenu des enfants de l'objet en ouvrant les détails (petits triangles).
-- {{domxref("Console.dirxml()")}} {{Non-standard_inline}}
- - : Affiche si possible une représentation d'éléments XML/HTML d'un objet spécifié. Sinon, c'est une vue de l'objet JavaScript.
-- {{domxref("Console.error()")}}
- - : Affiche un message d'erreur. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode.
-- {{domxref("Console._exception()")}} {{Non-standard_inline}} {{deprecated_inline}}
- - : Un alias d'`error();`
-- {{domxref("Console.group()")}}
- - : Crée un nouveau [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) en ligne, correspondant à un nouveau niveau d'indentation. Contrairement à `group()`. Pour revenir au niveau précédent, appeler `groupEnd()`.
-- {{domxref("Console.groupCollapsed()")}}
- - : Crée un nouveau [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) en ligne, correspondant à un nouveau niveau d'indentation. Contrairement à `group()` , cela commence avec le groupe en ligne effondré, nécessitant l'utilisation d'un bouton de divulgation pour l'agrandir. Pour revenir au niveau précédent, appeler `groupEnd()`.
-- {{domxref("Console.groupEnd()")}}
- - : Quitte le [groupe](/fr/docs/Web/API/console#Using_groups_in_the_console) d'indentation courant.
-- {{domxref("Console.info()")}}
- - : Affiche un message d'information. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode.
-- {{domxref("Console.log()")}}
- - : Permet d'afficher des messages dans la console. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode.
-- {{domxref("Console.profile()")}} {{Non-standard_inline}}
- - : démarre le profilage du navigateur (par exemple, l'[outil performances de Firefox](/fr/docs/Outils/Performance)). Vous pouvez spécifier un nom en option pour ce profil.
-- {{domxref("Console.profileEnd()")}} {{Non-standard_inline}}
- - : Arrête le profilage. Vous pouvez voir le résultat de ce dernier dans l'outil « performance » du navigateur (par exemple, l'[outil performance Firefox](/fr/docs/Outils/Performance)).
-- {{domxref("Console.table()")}}
- - : Affiche des données tabulaires comme un tableau.
-- {{domxref("Console.time()")}}
- - : Démarre un [chronomètre](/fr/docs/Web/API/console#Timers) que l'on peut nommer en le spécifiant en tant que paramètre. Jusqu'à 10 000 chronomètres simultanés peuvent tourner sur une page.
-- {{domxref("Console.timeEnd()")}}
- - : Arrête le [chronomètre](/fr/docs/Web/API/console#Timers) spécifié et affiche le temps écoulé en millisecondes depuis son démarrage.
-- {{domxref("Console.timeStamp()")}} {{Non-standard_inline}}
- - : Ajoute un marqueur dans la [Timeline](https://developer.chrome.com/devtools/docs/timeline) du navigateur ou l'outil [Waterfall](/fr/docs/Outils/Performance/Waterfall).
-- {{domxref("Console.trace()")}}
- - : Affiche une [trace d'appels](/fr/docs/Web/API/console#Traces_d%27appel).
-- {{domxref("Console.warn()")}}
- - : Affiche un message d'avertissement. Vous pouvez utiliser les [caractères de substitution](/fr/docs/Web/API/console#Utiliser_les_caractères_de_substitution) et des arguments supplémentaires avec cette méthode.
-
-## Exemples d'utilisation
+> **Note :** Certains IDE et éditeurs peuvent implémenter l'API Console différemment. Cela se traduit par un comportement différent ou un absence de certaines fonctionnalités de l'API. Par exemple, les méthodes liées aux chronomètres pourraient ne pas afficher les durées en sortie. En cas de doute, utilisez la console des outils de développement de votre navigateur pour observer le fonctionnement décrit dans cette documentation.
+
+## Méthodes statiques
+
+- [`console.assert()`](/fr/docs/Web/API/console/assert_static)
+ - : Affiche un message dans la console si l'assertion passée comme premier argument est fausse.
+- [`console.clear()`](/fr/docs/Web/API/console/clear_static)
+ - : Vide le contenu de la console.
+- [`console.count()`](/fr/docs/Web/API/console/count_static)
+ - : Affiche le nombre de fois que le compteur avec le libellé correspondant a été appelé.
+- [`console.countReset()`](/fr/docs/Web/API/console/countReset_static)
+ - : Réinitialise la valeur du compteur avec le libellé corredpondant.
+- [`console.debug()`](/fr/docs/Web/API/console/debug_static)
+ - : Affiche un message de débogage dans la console.
+- [`console.dir()`](/fr/docs/Web/API/console/dir_static)
+ - : Affiche une représentation hiérarchique d'un objet JavaScript. L'interface utilisateur permet de déplier l'arborescence pour examiner le contenu des objets enfants.
+- [`console.dirxml()`](/fr/docs/Web/API/console/dirxml_static)
+ - : Affiche une représentation d'un objet XML/HTML fourni (ou la vue JavaScript équivalente de `console.dir()` par défaut).
+- [`console.error()`](/fr/docs/Web/API/console/error_static)
+ - : Affiche un message d'erreur. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
+- `console.exception()` {{Non-standard_inline}} {{deprecated_inline}}
+ - : Un synonyme pour `console.error()`.
+- [`console.group()`](/fr/docs/Web/API/console/group_static)
+ - : Crée un nouveau [groupe](#utiliser_des_groupes_dans_la_console), indentant l'affichage des messages suivants. Pour revenir au niveau courant, on appellera `console.groupEnd()`.
+- [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupCollapsed_static)
+ - : Crée un nouveau [groupe](#utiliser_des_groupes_dans_la_console), indentant l'affichage des messages suivants. Toutefois, contrairement à `console.group()`, les messages du groupe sont repliés. Pour revenir au niveau courant, on appellera `console.groupEnd()`.
+- [`console.groupEnd()`](/fr/docs/Web/API/console/groupEnd_static)
+ - : Ferme le [groupe](#utiliser_des_groupes_dans_la_console) courant.
+- [`console.info()`](/fr/docs/Web/API/console/info_static)
+ - : Affiche des informations dans la console. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
+- [`console.log()`](/fr/docs/Web/API/console/log_static)
+ - : Affiche des messages généraux dans la console. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
+- [`console.profile()`](/fr/docs/Web/API/console/profile_static) {{Non-standard_inline}}
+ - : Démarre l'enregistrement d'un profil de performance. Un nom peut être fourni en argument et asocié au profil ainsi créé.
+- [`console.profileEnd()`](/fr/docs/Web/API/console/profileEnd_static) {{Non-standard_inline}}
+ - : Arrête l'enregistrement du profil de performance.
+- [`console.table()`](/fr/docs/Web/API/console/table_static)
+ - : Affiche des données tabulaires sous forme d'un tableau.
+- [`console.time()`](/fr/docs/Web/API/console/time_static)
+ - : Démarre un [chronomètre](#chronomètres) avec un nom fourni en paramètre.
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeEnd_static)
+ - : Arrête le [chronomètre](#chronomètres) indiqué et affiche la durée écoulée (exprimée en millisecondes) depuis le début de la mesure.
+- [`console.timeLog()`](/fr/docs/Web/API/console/timeLog_static)
+ - : Affiche la valeur du [chronomètre](#chronomètres) indiqué dans la console.
+- [`console.timeStamp()`](/fr/docs/Web/API/console/timeStamp_static) {{Non-standard_inline}}
+ - : Ajoute un marqueur de performance pour l'outil de mesure des performance du navigateur ([Firefox](https://profiler.firefox.com/docs/#/), [Chrome](https://developer.chrome.com/docs/devtools/evaluate-performance/reference/)).
+- [`console.trace()`](/fr/docs/Web/API/console/trace_static)
+ - : Affiche la [trace de la pile d'appels](#trace_de_piles_dappels).
+- [`console.warn()`](/fr/docs/Web/API/console/warn_static)
+ - : Affiche un message d'avertissement dans la console. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
+
+## Exemples
### Afficher du texte dans la console
-La fonction la plus utilisée de la console est d'afficher du texte ou autres données. Il y a quatre sortes d'affichages que vous pouvez générer, en utilisant les méthodes {{domxref("console.log()")}}, {{domxref("console.info()")}}, {{domxref("console.warn()")}}, et {{domxref("console.error()")}}. Chacune de ces méthodes génére un affichage différent dans la console, et vous pouvez utiliser les fonctions de filtrage du navigateur pour voir uniquement les types de sortie qui vous intéressent.
+On utilise la plupart du temps la console pour journaliser du texte et d'autres données. Il existe plusieurs catégories de messages qu'on peut afficher grâce aux méthodes [`console.log()`](/fr/docs/Web/API/console/log_static), [`console.info()`](/fr/docs/Web/API/console/info_static), [`console.warn()`](/fr/docs/Web/API/console/warn_static), [`console.error()`](/fr/docs/Web/API/console/error_static), et [`console.debug()`](/fr/docs/Web/API/console/debug_static). Les messages de chacune de ces méthodes seront affichés différemment et l'interface du navigateur vous permettra de les filtrer en fonction du niveau qui vous intéresse.
-Il y a deux manières d'utiliser chacune de ces méthodes de sortie ; Vous pouvez passer une liste d'objets dont leur représentation sera concaténée dans une seule chaine et s'affichera dans la console, ou vous pouvez passer une chaîne de caractères contenant zéro et plus de caractères de substitution suivis d'une liste d'objets avec lesquels les remplacer.
+Chacune de ces méthodes peut être utilisée de deux façons : soit en passant une liste d'objet dont les représentations en texte seront concaténées sur une seule chaîne de caractères puis affichées, soit en passant une chaîne de caractères contenant plusieurs chaînes de substitution, suivie d'une liste d'objet pour ces substitutions.
-#### Afficher un seul objet
+#### Afficher un objet
-La manière la plus simple d'utiliser les méthodes de « log » est d'afficher un seul objet :
+Un usage simple consiste à afficher les informations d'un objet :
```js
-var someObject = { str: "Some text", id: 5 };
-console.log(someObject);
+const unObjet = { str: "Du texte", id: 5 };
+console.log(unObjet);
```
-L'affichage ressemblera à ceci :
+Le résultat dans la console ressemblera à :
-```
-[09:27:13.475] ({str:"Some text", id:5})
+```plain
+{str:"Du texte", id:5}
```
#### Afficher plusieurs objets
-Vous pouvez aussi afficher plusieurs objets, en les séparant par une virgule, comme ceci :
+On peut aussi afficher les données de plusieurs objets :
```js
-var car = "Dodge Charger";
-var someObject = { str: "Some text", id: 5 };
-console.info("My first car was a", car, ". The object is: ", someObject);
+const voiture = "Peugeot 404";
+const unObjet = { str: "Du texte", id: 5 };
+console.info(
+ "Ma première voiture était une ",
+ voiture,
+ ". L'objet est :",
+ unObjet,
+);
```
-L'affichage ressemblera à ceci :
+Dans la console, on verra le message suivant :
+```plain
+Ma première voiture était une Peugeot 404. L'objet est : {str:"Du texte", id:5}
```
-[09:28:22.711] My first car was a Dodge Charger . The object is: ({str:"Some text", id:5})
-```
-#### Utiliser les caractères de substitution
-
-Gecko 9.0 a amené le support des caractères de substitution. Lorsque l'on passe en argument une chaîne à l'une des méthodes qui acceptent des chaînes de caractère, on peut utiliser ces caractères de substitution :
-
-
-
-
-
caractère de substitution
-
description
-
-
-
%o or %O
-
- Affiche un lien hypertexte sur un objet JavaScript. Cliquer le lien
- ouvre l'inspecteur.
-
-
-
-
%d or %i
-
- Affiche un entier. Le formatage des nombres est supporté, par exemple
- console.log ("Foo% .2d", 1.1) affichera le nombre sous forme de deux
- chiffres significatifs avec un 0 : Foo 01
-
-
-
-
%s
-
Affiche une chaîne de caractères.
-
-
-
%f
-
- Affiche un nombre réél. Le formatage est supporté, par exemple,
- console.log("Foo %.2f", 1.1) affichera un nombre avec 2
- décimales : Foo 1.10 .
-
-
-
-
-
-Chacun de ceux-ci ira chercher l'argument qui suit la chaîne à formater. Par exemple :
+#### Utiliser des chaînes de substitution
+
+Lorsqu'on passe une chaîne de caractères à l'une des méthodes d'affichage de `console` (telle que `log()`), on peut utiliser des chaînes de substitution :
+
+- `%o` ou `%O`
+ - : Permettra d'afficher un objet JavaScript. L'interface permettra de cliquer sur le nom de l'objet pour consulter plus d'informations dans l'inspecteur.
+- `%d` ou `%i`
+ - : Permettra d'afficher un entier. Le formatage numérique est pris en charge et on pourra par exemple écrire `console.log("Toto %.2d", 1.1)` qui indiquera qu'il faut écrire le nombre avec deux chiffres significatifs et un 0 devant : `Toto 01`.
+- `%s`
+ - : Permettra d'afficher une chaîne de caractères.
+- `%f`
+ - : Permettra d'afficher une valeur décimale. Le formatage numérique est pris en charge et on pourra par exemple écrire `console.log("Toto %.2f", 1.1)` pour avoir deux chiffres décimaux : `Toto 1.10`.
+
+> **Attention :** Ce formatage pour la précision numérique ne fonctionne pas dans Chrome.
+
+Chaque chaîne de substitution est associé au paramètre correspondant dans la liste (la première chaîne avec le deuxième paramètre, la deuxième chaîne avec le troisième paramètre, et ainsi de suite).
```js
-for (var i = 0; i < 5; i++) {
- console.log("Hello, %s. You've called me %d times.", "Bob", i + 1);
+for (let i = 0; i < 5; i++) {
+ console.log("Coucou, %s. Vous m'avez appelé %d fois.", "Olivier", i + 1);
}
```
-L'affichage ressemblera à ceci :
+Avec le fragment de code précédent, le résultat sera :
-```
-[13:14:13.481] Hello, Bob. You've called me 1 times.
-[13:14:13.483] Hello, Bob. You've called me 2 times.
-[13:14:13.485] Hello, Bob. You've called me 3 times.
-[13:14:13.487] Hello, Bob. You've called me 4 times.
-[13:14:13.488] Hello, Bob. You've called me 5 times.
+```plain
+Coucou, Olivier. Vous m'avez appelé 1 fois.
+Coucou, Olivier. Vous m'avez appelé 2 fois.
+Coucou, Olivier. Vous m'avez appelé 3 fois.
+Coucou, Olivier. Vous m'avez appelé 4 fois.
+Coucou, Olivier. Vous m'avez appelé 5 fois.
```
-#### Donner un style à l'affichage de la console
+#### Mettre en forme la sortie de la console
-Vous pouvez utiliser l'instruction `"%c"` pour appliquer du style CSS à l'affichage de la console :
+La directive `%c` permet d'appliquer une règle CSS pour mettre en forme le message dans la console :
```js
console.log(
- "This is %cMy stylish message",
+ "Voici mon %cmessage super stylé.",
"color: yellow; font-style: italic; background-color: blue;padding: 2px",
);
```
-
+Le texte situé avant la directive n'est pas modifié. Le texte situé après sera mis en forme à l'aide des déclarations CSS du deuxième paramètre.
+
+
-> **Note :** Un certain nombre de propriétés CSS sont supportées par ce style; vous devriez expérimenter et voir lesquels s'avèrent utiles.
+La directive `%c` peut être utilisée plusieurs fois :
+
+```js
+console.log(
+ "Utilisation de plusieurs styles : %cred %corange",
+ "color: red",
+ "color: orange",
+ "Un message non mis en forme",
+);
+```
+
+Les propriétés qui peuvent être utilisées avec cette syntaxe sont (au moins pour Firefox) :
+
+- [`background`](/fr/docs/Web/CSS/background) et les propriétés détaillées correspondantes
+- [`border`](/fr/docs/Web/CSS/border) et les propriétés détaillées correspondantes
+- [`border-radius`](/fr/docs/Web/CSS/border-radius)
+- [`box-decoration-break`](/fr/docs/Web/CSS/box-decoration-break)
+- [`box-shadow`](/fr/docs/Web/CSS/box-shadow)
+- [`clear`](/fr/docs/Web/CSS/clear) et [`float`](/fr/docs/Web/CSS/float)
+- [`color`](/fr/docs/Web/CSS/color)
+- [`cursor`](/fr/docs/Web/CSS/cursor)
+- [`display`](/fr/docs/Web/CSS/display)
+- [`font`](/fr/docs/Web/CSS/font) et les propriétés détaillées correspondantes
+- [`line-height`](/fr/docs/Web/CSS/line-height)
+- [`margin`](/fr/docs/Web/CSS/margin)
+- [`outline`](/fr/docs/Web/CSS/outline) et les propriétés détaillées correspondantes
+- [`padding`](/fr/docs/Web/CSS/padding)
+- Les propriétés `text-*` comme [`text-transform`](/fr/docs/Web/CSS/text-transform)
+- [`white-space`](/fr/docs/Web/CSS/white-space)
+- [`word-spacing`](/fr/docs/Web/CSS/word-spacing) et [`word-break`](/fr/docs/Web/CSS/word-break)
+- [`writing-mode`](/fr/docs/Web/CSS/writing-mode)
+
+> **Note :** Le message de la console se comporte par défaut comme un élément en ligne. Pour observer des effets avec `padding`, `margin` ou autre, il faut modifier son affichage, par exemple avec `display: inline-block`.
### Utiliser des groupes dans la console
-Vous pouvez utiliser des groupes imbriqués pour vous aider à vous repérer dans l'affichage. Pour créer un nouveau bloc, appelez `console.group()`. La méthode `console.groupCollapsed()` est similaire, mais elle crée un bloc qui sera réduit.
+On peut utiliser des groupes imbriqués pour organiser le contenu affiché dans la console. Pour créer un nouveau groupe, on utilisera la méthode `console.group()`. La méthode `console.groupCollapsed()` permettra également de créer un groupe, mais qui sera automatiquement replié (et qu'il faudra déplier via l'interface pour en consulter les informations).
-Pour quitter le groupe dans lequel on est, appeler `console.groupEnd()`. Par exemple, examinez ce code :
+Pour clôturer le groupe courant, on appellera `console.groupEnd()`. Ainsi, si on écrit :
```js
-console.log("This is the outer level");
+console.log("Il s'agit du niveau extérieur");
console.group();
-console.log("Level 2");
+console.log("Niveau 2");
console.group();
-console.log("Level 3");
-console.warn("More of level 3");
+console.log("Niveau 3");
+console.warn("Un avertissement au niveau 3");
console.groupEnd();
-console.log("Back to level 2");
+console.log("Retour au niveau 2");
console.groupEnd();
-console.debug("Back to the outer level");
+console.log("Retour au niveau extérieur");
```
-L'affichage ressemblera à ceci :
+L'affichage dans la console ressemblera à ceci :
-
+
-### Chronométrage
+### Chronomètres
-Pour calculer la durée d'une opération spécifique, Gecko 10 a amené le supports des chronomètres dans l'objet `console`. pour démarrer un chronomètre, appelez la méthode `console.time()` en lui donnant un seul paramètre, son nom. Pour arrêter le chronomètre et obtenir le temps écoulé en millisecondes, utilisez la méthode `console.timeEnd()`, en passant à nouveau le nom du chronomètre comme paramètre. Une seule page peut faire tourner un maximum de 10.000 chronomètres.
+On peut démarrer un chronomètre pour mesurer la durée d'une opération donnée. Pour lancer un chronomètre, on appellera la méthode `console.time()`, à laquelle on pourra passer un nom comme paramètre. Pour arrêter le chronomètre et obtenir la durée écoulée, on appellera la méthode `console.timeEnd()` (à laquelle on pourra aussi passer un nom en argument pour arrêter un chronomètre donné). Pour une page web donnée, on peut exécuter jusqu'à 10 000 chronomètres simultanément.
-Par exemple, voici ce code :
+Si on écrit cela, par exemple :
```js
-console.time("answer time");
-alert("Click to continue");
-console.timeEnd("answer time");
+console.time("ma mesure de temps");
+alert("Cliquez pour continuer");
+console.timeLog("ma mesure de temps");
+alert("Faire d'autres trucs…");
+console.timeEnd("ma mesure de temps");
```
-affichera le temps pour l'utilisateur dont il a eu besoin pour faire disparaitre la fenêtre d'alerte :
-
-
+Avec le fragment de code ci-avant, on affichera le temps écoulé après que la personne a fermé la première fenêtre modale, puis le temps total pris pour fermer les deux fenêtres :
-Notez que le nom du chronomètre est affiché deux fois, à son départ et quand il se termine.
+
-> **Note :** Il est important de noter que si vous vous servez de ceci pour enregistrer les durées du traffic réseau, le chronomètre renverra le temps total d'échanges, alors que les durées affichées dans l'onglet network représente seulement la durée à la réception du header. Si vous avez activer l'enregistrement de réponse du body, le temps listé pour la réponse du header et du body devrait correspondre à ce qu'affiche la sortie de la console.
+On peut voir que le nom du chronomètre est affiché au démarrage et à l'arrêt de celui-ci.
-### Traces d'appel
+### Traces de piles d'appels
-L'objet console supporte aussi l'affichage d'une trace d'appels ; cela montre le chemin pris pour atteindre l'endroit auquel vous avez fait appel à la fonction {{domxref("console.trace()")}}. Ce qui donne avec ce code :
+L'objet `console` permet également d'afficher une trace de pile d'appels. Cela permet de connaître la pile d'appels suivie pour atteindre le point où la méthode [`console.trace()`](/fr/docs/Web/API/console/trace_static) a été appelée :
```js
-foo();
-
-function foo() {
- function bar() {
+function toto() {
+ function truc() {
console.trace();
}
- bar();
+ truc();
}
+
+toto();
```
-L'affichage dans la console ressemblera à ceci :
+Avec le fragment de code précédent, on aura la trace suivante dans la console :
-
+
## Spécifications
@@ -247,16 +266,11 @@ L'affichage dans la console ressemblera à ceci :
{{Compat}}
-## Voir aussi
+> **Note :** Dans Firefox, si une page définit un objet `console`, cet objet surchargera l'objet natif exposé par Firefox.
-- [Outils de développement](/fr/docs/Outils)
-- [Console web](/fr/docs/Outils/Console_Web) - comment la console Web de Firefox gère les appels d'API de console
-- [Débogage distant](/fr/docs/Outils/Débogage_distant) - comment afficher la sortie de la console lorsque la cible de débogage est un périphérique mobile
-- [Journalisation console sur l'appareil](/fr/docs/Archive/B2G_OS/Debugging/Journalisation_console) - comment se connecter sur les appareils Firefox OS
-
-### Autres implémentations
+## Voir aussi
-- [Google Chrome DevTools](https://developers.google.com/chrome-developer-tools/docs/console-api)
-- [Firebug](http://getfirebug.com/wiki/index.php/Console_API)
-- [Internet Explorer]()
-- [Safari](https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)
+- [Google Chrome](https://developer.chrome.com/docs/devtools/console/api/)
+- [Microsoft Edge](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/)
+- [Apple Safari](https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html)
+- [Mozilla Firefox](https://firefox-source-docs.mozilla.org/devtools-user/web_console/index.html)
diff --git a/files/fr/web/api/console/info/index.md b/files/fr/web/api/console/info/index.md
deleted file mode 100644
index a0f5c6d5dceeab..00000000000000
--- a/files/fr/web/api/console/info/index.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: Console.info()
-slug: Web/API/console/info
----
-
-{{ APIRef("Console API") }}{{Non-standard_header}}
-
-Affiche un message informatif dans la console du navigateur. Dans Firefox et Chrome, une petit icône de _i_ s'affiche devant le message.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.info(obj1 [, obj2, ..., objN]);
-console.info(msg [, subst1, ..., substN]);
-```
-
-### Paramètres
-
-- `obj1` ... `objN`
- - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.
-- `msg`
- - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.
-- `subst1` ... `substN`
- - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie.
-
-Voir [Afficher du texte sur la console](/fr/docs/Web/API/Console#Outputting_text_to_the_console) dans la documentation de {{ domxref("console") }} pour plus de détails.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
diff --git a/files/fr/web/api/console/info_static/index.md b/files/fr/web/api/console/info_static/index.md
new file mode 100644
index 00000000000000..5c3bb9f59ead4b
--- /dev/null
+++ b/files/fr/web/api/console/info_static/index.md
@@ -0,0 +1,44 @@
+---
+title: "console : méthode statique info()"
+slug: Web/API/console/info_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.info()`** affiche un message d'information dans la console. Le navigateur ou le moteur JavaScript pourra indiquer ce contenu avec une iconographie associée.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+info(obj1)
+info(obj1, /* …, */ objN)
+info(msg)
+info(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+ - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+ - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/log/index.md b/files/fr/web/api/console/log/index.md
deleted file mode 100644
index b67f1b81757a13..00000000000000
--- a/files/fr/web/api/console/log/index.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: console.log()
-slug: Web/API/console/log
----
-
-{{APIRef("Console API")}}
-
-La méthode **`console.log()`** affiche un message dans la console Web. Le message peut être une simple chaine de caractères (avec des valeurs optionnelles de substitution) ou peut être composé d'un ou plusieurs objets JavaScript.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.log(obj1 [, obj2, ..., objN]);
-console.log(msg [, subst1, ..., substN]);
-```
-
-### Paramètres
-
-- `obj1` ... `objN`
- - : Une liste d'objets Javascript à afficher. Les représentations textuelles de chacun de ces objets seront affichées dans la console du navigateur selon l'ordre indiqué. Attention, pour les versions récentes de Chrome et Firefox, ce qui apparaît dans la console est une **référence à l'objet** et pas nécessairement la valeur de l'objet au moment de l'appel à `console.log()` mais sa valeur au moment où on ouvre la console.
-- `msg`
- - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs chaînes de substitution.
-- `subst1` ... `substN`
- - : Des objets JavaScript dont les valeurs textuelles remplaceront les emplacements à substituer indiqués dans `msg`. Cela offre plus de contrôle sur le format d'affichage.
-
-Voir [Afficher du texte sur la console](/fr/docs/Web/API/Console#outputting_text_to_the_console) dans la documentation de [`console`](/fr/docs/Web/API/Console) pour plus de détails.
-
-## Différence entre console.log() et console.dir()
-
-Vous pourriez vous demander quelles sont les différences entre [`console.dir()`](/fr/docs/Web/API/Console/dir) et `console.log()`.
-
-Celles-ci concernent principalement la gestion particulière des objets du DOM :
-
-- `console.log()` affiche les éléments dans un arbre de type HTML,
-- `console.dir()` affiche les propriétés de l'objet JavaScript.
-
-
-
-## Affichage d'objets dans la console
-
-Évitez d'utiliser `console.log(obj)` mais préférez `console.log(JSON.parse(JSON.stringify(obj)))` si vous souhaîtez être sûr·e d'observer la valeur de l'objet au moment de l'exécution de `console.log()`. Autrement, de nombreux navigateurs produisent un affichage interactif de l'objet qui se maintient à jour quand les propriétés de l'objet changent. Cela ne pourrait pas être ce que vous voulez et peut porter à confusion.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Docs Microsoft : Edge - Afficher des messages dans la console](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/console-log)
-- [La référence de l'API Console pour Chrome](https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject)
-- [NodeJS : API Console](https://nodejs.org/docs/latest/api/console.html#console_console_log_data)
diff --git a/files/fr/web/api/console/log_static/index.md b/files/fr/web/api/console/log_static/index.md
new file mode 100644
index 00000000000000..b227a334df7c27
--- /dev/null
+++ b/files/fr/web/api/console/log_static/index.md
@@ -0,0 +1,70 @@
+---
+title: "console : méthode statique log()"
+slug: Web/API/console/log_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.log()`** permet d'afficher un message dans la console. Le message peut être une chaîne de caractères (avec d'éventuelles valeurs de substitution) ou un ou plusieurs objets JavaScript.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+log(obj1)
+log(obj1, /* …, */ objN)
+log(msg)
+log(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+ - : Une liste d'objets JavaScript à afficher. Les objets sont affichés dans l'ordre des arguments. Attention, pour certains navigateurs, ce qui est affiché dans la console est _une référence à l'objet_ et pas nécessairement la valeur de l'objet au moment où `console.log()` est appelé (mais la valeur de l'objet au moment où la console est ouverte).
+- `msg`
+ - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Journaliser des objets
+
+Les informations relatives aux objets sont récupérées lorsque c'est nécessaire. Cela signifie que le message dans la console affiche le contenu de l'objet au moment où on l'observe depuis la console, et pas le contenu de l'objet au moment où la méthode a été appelée. Par exemple, avec :
+
+```js
+const obj = {};
+console.log(obj);
+obj.prop = 123;
+```
+
+On verra `{}` affiché comme résultat. Mais si on déplie le détail de l'objet, on verra alors `prop: 123`.
+
+Si vous modifiez l'objet et que vous ne voulez pas que les informations journalisées dans la console soient mises à jour, il faudra réaliser [un clone profond](/fr/docs/Glossary/Deep_copy) de l'objet avant de le journaliser. Une méthode courante pour ce faire consiste à utiliser [`JSON.stringify()`](/fr/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) puis [`JSON.parse()`](/fr/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse) :
+
+```js
+console.log(JSON.parse(JSON.stringify(obj)));
+```
+
+D'autres méthodes, comme [`structuredClone()`](/fr/docs/Web/API/structuredClone), peuvent fonctionner dans les navigateurs et seront plus efficaces pour cloner différents types d'objet.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Documentation Edge](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/console-log#console-messages-examples-log-info-error-and-warn)
+- [Documentation Node.JS sur l'API Console](https://nodejs.org/docs/latest/api/console.html#consolelogdata-args)
+- [Documentation Chrome](https://developer.chrome.com/docs/devtools/console/api/#log)
diff --git a/files/fr/web/api/console/nesting.png b/files/fr/web/api/console/nesting.png
new file mode 100644
index 0000000000000000000000000000000000000000..39f461b03d3fa04f59aa1f2c0056bee7deb2c22a
GIT binary patch
literal 2417
zcmV-%36A!OP)Px#32;bRa{vGmbN~PnbOGLGA9w%&0GUusR7E2rCq_m}
zyu84np{230v)9+#3=9oII3GATJyupORaIDogo$QmYCb+e{NkZ(UOjGZahsc-b-(}N
z%8tjee1wFDHa0qlh>EM2XpMYRlarO#wg7>FgKlneVq#@nTwh5^O^tUCOh6r6Twcwt
z0&j0}#HIvaPZ@P}cX3}8Vq#=gR#kLq1x#{S6>
zE?1+FM3CYRfL$2-0U!HI_*Z>jMw~qr&N$?BX1mYlQD|N`%L8*k;_{ZJi(}{nig^_H
zp|AIY`8@qlv`FK)o??$_PVgg*sh$+n-cfAPPl^310Pl>$XM~~kak9;v`gOp>$=CZq
zTLas=<07=X13_3)P4UZ+;-H
zrB6_K(o#gN0sFXst!H2tLXG2iiaj#(bfhuGGqk@$X^~G|?^opV`vBBumixc}K@bE%
zHz{mOV$&0XAPCy8#drz`z4D!T-pm|4FHKurq*Z5%gmfpj~qw)70+}rM8J<0
z@S|&8(Ku%|$tVM-;{_dOPTI``q-N)WDaQt>
zhd{W-mj+~C4cb`=m@O5gYJS}XTx;dyBCXFqrH@`xCRhSa9l+_T^h}32b3g9z)hU9}
zOc!JGb-@C5=Z&fJB2$F<;zl(2=(O_DonEY`V@a!(&rTpF4qx6X+90P0L-?`z9W15s
z@X|sD3s^1HvNYovgzdy29jAO;rBk<6k806OOw+nW7t5(!U6aimXDV}pcn))sJFiZ?
zg%>>UHto|fn4SeN-vb^1Ll6W((50)fOLvEj%6>OJ?~ru;3V;C^fFS@L0AL^g^12_u
zrtTz)JH?8enhvNlU_UZ|yVPv@wm=9v25{ta1|P23Gy>og0LQTfyuW7CLkZGpfIYti
zytiia&ANO5J^(oK<1RIuQf~+y57;xM*@tU3xmFZ&1pd$fU;u^y7=Qs70^kc2wk1*N
z2|*A99VHZg_RSZCpZyDkpQolL3O~=RKczfzEALSFd3L=D;8(AjQc?JMRyp;bDE#b;
za9N*-!p~j^Kh}~Ag`XEF6n
zsy=%Hd_>i!^H49SJK*kBpV$5X)SdtzQ}qeJrvUC;^%;lZ2po?G+`a0PreP310dUu<
zPwz~Rvc5UMM^t^{TLk{l0AK)y02qJ)7y{r+(T8rj`v9FJZ_-V76X+xXFaQHEbY8&!
z{0nS-0{*et{5Ykj`I29j%j5j_t8=sg0scZN-{d*{6z2o>Km6ZPk|f2D0RP;)ylj5f
z0nf8#QsP)9NhbDuQX~nTEb}CpWC@RSNsSX@&zxgE$+IL+)L){hzZ26C&*n;BdgN&J
zzIHv&c&Xk6@XP1TWU~4EQU`3v&7B)}ZpK8%j0b7}=60Bc0h~x~2`b~0FNXS^)A8AGd2rhq3oPZvq)T1<4(-~~yJ>?45X+(ygX
zMb5;`B(eio7ec46rstr(MVJH@z~w9qofGiJ5!m$r`1_|)-@y+5u?K(w7=Quz(g9=B
zv*%4uY|!IhKmafVzyJ)u?K-hE>y|4+4+C}|vDIJg+toe~^e|wb3$nPPGm!F^$f@h}
z=}qamTkkmv{Ls`Z-tzN6y8-sJqLVY2YdmAcL%7`MOxCOAMszhyG1o0W546)1F|rk%
z3|Ml}0(Lwb^`7?pmY)aOC4&Q7(YYURv);1?_(q=x+6C~anjpz00S@tz?UHW4`}gB
zPY8k_=sgvMH#g+>+1%7#V*lg_gVOtKZl2*X4pr~7xykm}>}W*Vi+XZ=jv$tney;#<
z@0*)yk0R@8EgGNAY-#Uz;8R5Zo11E-GBHd*;*?jNA1C`ADnS#Ruxh*8*NY6Hs$b#|L9E9M{zTYye9u+r@z=x-Z-)mFEn&wso
z{JfN3WFd0Nm`v5OCM>en>r9Dith0|N+xAP9oG
j3EPrAZ+iX$^{W2>sV~qT`KGqo00000NkvXXu0mjfKxBIV
literal 0
HcmV?d00001
diff --git a/files/fr/web/api/console/profile/index.md b/files/fr/web/api/console/profile/index.md
deleted file mode 100644
index c70f3565e9f299..00000000000000
--- a/files/fr/web/api/console/profile/index.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Console.profile()
-slug: Web/API/console/profile
----
-
-{{APIRef("Console API")}}{{Non-standard_header}}
-
-Commence l'enregistrement d'un profil de performance (par exemple, l'outil [performance de Firefox](/fr/docs/Outils/Performance)).
-
-Vous pouvez éventuellement fournir un argument pour nommer le profil, ce qui vous permet d'arrêter uniquement ce profil si plusieurs profils sont enregistrés. Voir {{domxref("Console.profileEnd()")}} pour voir comment cet argument est interprété.
-
-Pour arrêter l'enregistrement, appeler {{domxref("Console.profileEnd()")}}.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.profile(profileName);
-```
-
-## Paramètres
-
-- `profileName`
- - : Le nom à donner au profil. Facultatif.
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- {{domxref("Console.profileEnd()")}}
diff --git a/files/fr/web/api/console/profile_static/index.md b/files/fr/web/api/console/profile_static/index.md
new file mode 100644
index 00000000000000..6631756ae0341f
--- /dev/null
+++ b/files/fr/web/api/console/profile_static/index.md
@@ -0,0 +1,39 @@
+---
+title: "console : méthode statique profile()"
+slug: Web/API/console/profile_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}{{Non-standard_header}}
+
+La méthode **`console.profile()`** démarre l'enregistrement d'un profil de performance.
+
+On peut fournir un argument indiquant le nom du profil, ce qui permet d'enregistrer plusieurs profils nommés en parallèle. Voir la documentation de [`console.profileEnd()`](/fr/docs/Web/API/console/profileend_static) pour plus d'informations sur cet argument.
+
+Pour arrêter l'enregistrement du profil, on appellera [`console.profileEnd()`](/fr/docs/Web/API/console/profileend_static).
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+profile(nomProfil)
+```
+
+### Paramètres
+
+- `nomProfil` {{optional_inline}}
+ - : Le nom à donner au profil.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.profileEnd()`](/fr/docs/Web/API/console/profileend_static)
diff --git a/files/fr/web/api/console/profileend/index.md b/files/fr/web/api/console/profileend/index.md
deleted file mode 100644
index d154bbf5031623..00000000000000
--- a/files/fr/web/api/console/profileend/index.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Console.profileEnd()
-slug: Web/API/console/profileEnd
----
-
-{{APIRef("Console API")}}{{Non-standard_header}}
-
-> **Attention :** L'appel de cet API immédiatement après `console.profile()` peut l'empêcher de fonctionner. Pour contourner ce problème, appelez-le par un `setTimeout` avec un délai d'au-moins 5 ms. Voir [bug #1173588](https://bugzilla.mozilla.org/show_bug.cgi?id=1173588).
-
-La méthode `profileEnd` arrête l'enregistrement d'un profil lancé précédemment avec {{domxref("Console.profile()")}}.
-
-Vous pouvez éventuellement insérer un argument pour nommer le profil. Cela vous permet d'arrêter uniquement ce profil si vous avez enregistré plusieurs profils.
-
-- Si `Console.profileEnd()` reçoit un nom de profil qui correspond au nom d'un profil en cours d'enregistrement, ce profil est arrêté.
-- Si `Console.profileEnd()` reçoit un nom de profil qui ne correspond pas au nom d'un profil en cours d'enregistrement, aucune modification n'est apportée.
-- Si `Console.profileEnd()` ne reçoit pas un nom de profil, le dernier profil démarré est arrêté.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.profileEnd(profileName);
-```
-
-## Paramètres
-
-- `profileName`
- - : Le nom à donner au profil. Ce paramètre est facultatif.
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- {{domxref("Console.profile()")}}
diff --git a/files/fr/web/api/console/profileend_static/index.md b/files/fr/web/api/console/profileend_static/index.md
new file mode 100644
index 00000000000000..94a7fe492abb3a
--- /dev/null
+++ b/files/fr/web/api/console/profileend_static/index.md
@@ -0,0 +1,41 @@
+---
+title: "console : méthode statique profileEnd()"
+slug: Web/API/console/profileend_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}{{Non-standard_header}}
+
+La méthode **`console.profileEnd()`** arrête l'enregistrement d'un profil de performance précédemment initié avec un appel à [`console.profile()`](/fr/docs/Web/API/console/profile_static).
+
+Un argument facultatif permet d'indiquer le nom du profil en question. Utiliser ce nom permet de cibler un profil donné pour l'arrêt de l'enregistrement lorsque plusieurs profils sont enregistrés.
+
+- Si `console.profileEnd()` est utilisée avec un nom de profil et que celui-ci correspond à un profil en cours d'enregistrement, l'enregistrement de ce profil donné est arrêté.
+- Si `console.profileEnd()` est utilisée avec un nom de profil qui ne correspond à aucun profil en cours d'enregistrement, rien ne se passe.
+- Si `console.profileEnd()` est utilisée sans nom de profil, c'est le profil dont l'enregistrement a démarré en dernier qui est arrêté.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+profileEnd(nomProfil)
+```
+
+### Paramètres
+
+- `nomProfil` {{optional_inline}}
+ - : Le nom à donner au profil.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.profile()`](/fr/docs/Web/API/console/profile_static)
diff --git a/files/fr/web/api/console/table/index.md b/files/fr/web/api/console/table_static/index.md
similarity index 97%
rename from files/fr/web/api/console/table/index.md
rename to files/fr/web/api/console/table_static/index.md
index 1f00bae34d0f5e..45131c96ac48c2 100644
--- a/files/fr/web/api/console/table/index.md
+++ b/files/fr/web/api/console/table_static/index.md
@@ -1,8 +1,8 @@
---
-title: "console : méthode table()"
-slug: Web/API/console/table
+title: "console : méthode statique table()"
+slug: Web/API/console/table_static
l10n:
- sourceCommit: 59adb56b83da91ee1744b723f2f7a37195c2ec82
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
---
{{APIRef("Console API")}}
diff --git a/files/fr/web/api/console/time/index.md b/files/fr/web/api/console/time/index.md
deleted file mode 100644
index 575be5e5b83013..00000000000000
--- a/files/fr/web/api/console/time/index.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: console.time
-slug: Web/API/console/time
----
-
-{{APIRef("Console API")}}
-
-Chronomètre une opération. Chaque "timer" doit avoir un nom unique. Il peut y avoir jusqu'à 10000 "timers" sur une même page. En appelant {{ domxref("console.timeEnd()") }} avec le même nom, le navigateur affichera le temps d'execution en millisecondes dans la console.
-
-Voir [Timers](/fr/docs/Web/API/console#Timers) dans la documentation de {{ domxref("console") }} pour plus de details et d'exemples.
-
-## Syntaxe
-
-```js
-console.time(label);
-```
-
-## Paramètres
-
-- `label`
- - : Nom qui identifiera le nouveau "timer". Il faut utiliser le même nom pour {{ domxref("console.timeEnd()") }} pour arrêter le "timer" et afficher le temps dans la console.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- {{ domxref("console.timeEnd()") }}
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/time_static/index.md b/files/fr/web/api/console/time_static/index.md
new file mode 100644
index 00000000000000..2a7cdd8c48d831
--- /dev/null
+++ b/files/fr/web/api/console/time_static/index.md
@@ -0,0 +1,43 @@
+---
+title: "console: time() static method"
+slug: Web/API/console/time_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.time()`** démarre un chronomètre qui permet de mesurer la durée d'une opération. Chaque chronomètre peut être identifié avec un nom donné et on peut avoir jusqu'à 10 000 chronomètres simultanés sur une même page. Lorsqu'on appelle [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static) avec le même nom, la durée associée depuis le démarrage du chronomètre correspondant s'affichera dans la console (exprimée en millisecondes).
+
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronométrage) pour plus de détails et d'exemples.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+time()
+time(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+ - : Une chaîne de caractères qui représente le nom à donner au chronomètre. Ce nom servira d'identifiant, qu'il faudra passer à [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static) pour arrêter le chronomètre correspondant. Si cet argument est omis, le libellé `"default"` sera utilisé.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static)
+- [`console.timeLog()`](/fr/docs/Web/API/console/timelog_static)
diff --git a/files/fr/web/api/console/timeend/index.md b/files/fr/web/api/console/timeend/index.md
deleted file mode 100644
index 1b895efdb7e03c..00000000000000
--- a/files/fr/web/api/console/timeend/index.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: console.timeEnd
-slug: Web/API/console/timeEnd
----
-
-{{APIRef("Console API")}}
-
-Arrête un chronomètre (_timer_) précédemment démarré par {{domxref("console.time()")}}.
-
-Voir [Timers](/fr/docs/Web/API/console#Timers) dans la documentation de {{domxref("console")}} pour des détails et des exemples.
-
-## Syntaxe
-
-```js
-console.timeEnd(label);
-```
-
-### Paramètres
-
-- `label`
- - : Le nom du _timer_ à stopper. Une fois arrêté, le temps écoulé est automatiquement affiché dans la [Console Web](/fr/docs/Outils/Console_Web).
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/).
diff --git a/files/fr/web/api/console/timeend_static/index.md b/files/fr/web/api/console/timeend_static/index.md
new file mode 100644
index 00000000000000..1d9951248a6335
--- /dev/null
+++ b/files/fr/web/api/console/timeend_static/index.md
@@ -0,0 +1,59 @@
+---
+title: "console : méthode statique timeEnd()"
+slug: Web/API/console/timeend_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.timeEnd()`** arrête un chronomètre qui avait été démarré à l'aide de [`console.time()`](/fr/docs/Web/API/console/time_static).
+
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronométrage) pour plus de détails et d'exemples.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+timeEnd()
+timeEnd(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+ - : Une chaîne de caractères qui représente le nom à donner au chronomètre. Lorsque le chronomètre associé est arrêté, la durée écoulée (exprimée en millisecondes) est affichée dans la console avec une indication que la mesure est terminée. Si cet argument est omis, le libellé `"default"` sera utilisé.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+```js
+console.time("ma mesure de temps");
+alert("Cliquez pour continuer");
+console.timeLog("ma mesure de temps");
+alert("Faire d'autres trucs…");
+console.timeEnd("ma mesure de temps");
+```
+
+Avec le fragment de code ci-avant, on affichera le temps écoulé après que la personne a fermé la première fenêtre modale, puis le temps total pris pour fermer les deux fenêtres :
+
+
+
+On notera que le nom du chronomètre est affiché avec la durée lors de l'appel à `timeLog()`, puis lors de l'arrêt. Quand on appelle `timeEnd()`, on a en plus le message « chronomètre arrêté » qui précise que le chronomètre est terminé.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.time()`](/fr/docs/Web/API/console/time_static)
+- [`console.timeLog()`](/fr/docs/Web/API/console/timelog_static)
diff --git a/files/fr/web/api/console/timeend_static/timer_output.png b/files/fr/web/api/console/timeend_static/timer_output.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f21845c92d6189c7f925fbc2074dc65e8bc430b
GIT binary patch
literal 4741
zcmXX{2{_c-8>S?}jS5+=(r~AYY}uDAVa(W<84N{a1|wnYOWmaGBU@z|%vdvq)DRkL
z_MMC=Yhw>tLzbHV=>C7tIq&nG=PbYTo%j3RFV?~g%yUNg3=0bj55!2{iiL%h$g~+8
zCz%*r%y~S)hSD|FWnrmI;ySu}iaBP*Sb_Ce%KJsXF$bJJM)nvMmUI5coplO%DVVu{
zVqs!q0002xR80&Gp-|^^8f{!zSv@K$R#jDto14cclaZR5Zi}gtK~YOxG&Z@*_#{t$>M4wtK?Y*JhM0Ut2|2m4A(%f+B;AK0hc$5_V1#3>so
z2eo(@dE9bwadUOH^C-FvFlqMo_I>cc526Z`b*4Ky-T|oMeJ~LKfE@&4A`1Wl01>Xy
zcul6^VXui{0F?1?6QH&|onUY0;&KlTx6@`$ft!_;)ryKr3;{qtWuQ+qJ}^enCzJlH
zNCy&4uSG{_V(5lZO@s(Mz{nJy*-WFvQlg-K5sWx6P!RxBj6pd#+(F{U0|J8F-O&I5
zG_b`K63qZ03tcmtWlfs#NMMv9&<;%p7{|e06+qk0W$(ZF!Wk1
zUD3ndZHn3aDR@s!XSz>jGdvpqYzpO?NjE4$xfR(H&=K%VIsw~khi3kzIgq(H#*~1@
z2NvlBPWiiH@M$8NK`bo1RuFw%o8Ylk9B0sYJO9(uY^`E31srFJT2lBtQuwHdYS@RV
znNjaq(*5P4K&zn2cZ$9fk^y^)rm4!Ndl8I}xR3|zuUI+k-(JtSydH$T{PV7A)Z$jX
zkXUk16f<^MSU#W4dFTnd6xg<#_;WjBaOVN#YSKC-jM3&byVxk*nvqDFO$tpK&()YY
zI{XYYUmeWMwba_1*c<`d?%WM>%r2*1SfgxAq<&gnnGOjMJ8!)FgDg4Pwce)v$XZjR
zhfV!(U1YPKYlfh{7&8hr>|a^XzHdAgyg0e5B!1@rbLhmVzhd@&+;-0W*Q%0|-=cC-
zJZU{zyXHe>ga&t_wLY%F
z5)Us;FusoMFgP}g_u5t(AvrE9TcDRtYThUgFgC*YYD9xS6d14h$Qa9D??{zMNqP&&
zwiO-vHK7F@_tECm4!{4KY^5F%c{WlhxdSyoyc8g#w0~G3lfi+O{3L~aU^cYe{S8!H
zfh#gOA2clFigv}^YWO^0@yssSwEy`HsnROK=BV$a)ip1$9SG~AE%m1G5Q6Gala4$)
z3SAhh=fc7lx3|*^sr)(RZxMfo?b~G9mZi&}$KT85`jE$XM_nPr#MSUNJ}_t*RbG{e
zI4L{z;W9CI2-=CkE(!lsf$`5Dk>F<^Fb)LE;WP$>HAgP$2BG73utffyx1rA$vusVZ
z!qrH~te56qx3yfrY)Ugm!`oerVqIl=HS7%=6Pgv*`x}aB0*j~6l7b?hlDd2WGQ?cX
zmjTIDR>XLfsoxe^~cc$sv-;N=k#0{b22R;=ut8?vx5H0fUTcK55Yb7Ns>`vEPb
zH|v(MaWwqJeAn{U)>evLew2#={KeTW2;#|%Z^)81PS{WG+G)w
zJbh+@{bMk1_`wD}iO|ZR9b9x#`C>cp$|!!GKh@S#QamYiM+ad!`N>wT|9%s9
z*_Y;odcogP?f*IT@0S@sp7htYV>kc(h3`};5~)C4!O1Yn;ZIBUANIB8KR3%?s+`X1
zxV`rI#&m35@u|EejgtBkB;lQVQ4~3D2R*Xqp+9;`W{y^o8R{y34zxYF=52D#0I@Su
zBMbPYDzMW1i2wu_5)4ZU*{t+9N&KjnvefMnUYh36nOjcP$*=GgmVhrs|M+KhnwMKy
zV_?+@`qv9+C$wS!W&=ld4d*Q_D=rUt$zGil5vgec=Ue{Xo>y4Nm8Gd0V8Iq33q!4maJO0rcPfAyS3Fs0N1UV(2
zkCt}SUT{!)libgZEU+RW9+tx5-|6LyN%lQ>4c>1Ul5*I{CRW4CQYJA=N5E1pOST(`
zfEmS#(1Uzk%kOE)ySF*4ry%KF}^B(n*i%EKgfC
zP!!u3OQeA9BekXb+P&9EbE}go3#{uJxiRo?^FB3m(EkIO$#e#LgM1-tgS=$Q8K#lO
zgd5!9uFyjMaMy0@lXMYlc;#0S>oFybSCxA$8;Pucb~?BJ`!`p(>#_aj>xKRH3(0$_
zLf9pmJ2@VV(n5)4_Nr`A+>6^Wv)A9z*7J7Hkh|rD7xZ2%_BNxHPERR>fKpVkPY>XG
zbxUPIvoc>C%T{7$fwxS?QYtT20rj~5`K}vwx&3~~AcAMiA8*=dH6YX|aDbO3$SKx+
z;|OaZ`%Ni`(oDa7n1t(V^jbt64v8s^42XvG+-qCjWy`Yn55v_IQ)HIHev0}Y-OHv3
zgCK^pL%|AZs8n%up$xWt`E#Hq>ZpXjk`~#;i@j)mF;%+#(m%d^;-9qjLS4|_iEXKLx?
z%`L<=+vHBFlrJjIkz}Qgg;yJSERa24yeui?21wEWBHx{
z{}@XYx+XYHwFZWA8TEd{2f{Ci#`J?Q%NR0jwD-myqh
z-{)IJ6##5*!l)-9<=L_r+5p6<=47eBQz@?%V2ac1nQ^m%w~wGOBd=F%Lv%J*YErXni^5fLw2oKih0kMD3&qKD0tKJFp)I
zhR)Y_@;|+}kIkmp_N@oDHp>@NLa3!eYymsb@p&HoAl5mVyfN-lUD${RdDRH;{B(d<
z3QJ#HNslNyGi^)6u53RS{k@-Q_(JA|a47gZ{yRT}QiXoF0P
z{4TrOoo`SK7TlP1DDthhpDVIm8u1KN>9da+r4@8l}C_#;`pIi
zKCoU=YexM^OqMqcSZvd8TV`S(I;C4ltv*uv=*%Emc|849!OZMR2F$*#<+p9&?RQUv
z!ekSERs1)56OHA?NeVio1o;>d5H~+qx!WlYb7F4wjLwW~7
z$FvN7uQE$OSwu2Hjyq_R`>>QMx|&9Q+1kAtHrV$aH}bus(vEgmUvPMZQ_NyYFt%Dw
zYJw57%R+wveU@1qr2BUK{qV2!RpLZWwVcmb?~oZJ>GF%J2OR4-i9gbAe|ROfvtLxW
zCh}L(s^}-zfehF8XE7mdwzU!Z4qGP1vudBOd6>J{AO5g75s+P<>Oy26GXyA@U%9($
z;6k!dZDb^;%LtLmc6Wb+M`7L-@q`cHlpJlr5)R~^P24BSa2Sx^)4)||EX2Sycbs9w
z#k;WG?U5^E9!Jisj(RP#79}b9t#xe*5_($lz|BESKU7*vrDE&wlH`eC{FiI7S;(Tqr87?|WJQp`RoXdzWqy|i@`+BF67wGs`(e!$v04EBRi4_nO%aP
z3D=l_ycnFE1_d#pn7t*wpvAlL6TD6JZ3DCLMmXVgDDU1ggG!&Xb=r_ZZlHV}P}KblO%Nnl;^
z4b*xW^_9sQV`ae=b*2pQo-gdOOBg#Z&YrrPr^P#4t;uoDQ&p&{@Wsh5NcXV*pH+ir
zBfhKMT8fz$&u6ockvMfn5w3rDtk#>J_wIeXd1HH4E|s4+e%=c?^gUoEXR9u6osMbU
zO!eLJEF%jif@ixda!j8gK$5c-O35K^A^krsK?GJ4g(yIEbi!z9Q+zwt=Z>%bUcPiB
zC1IdfRJHdW#i-M-VA@uD+0pZD`H{@;=_&s2)jS`YZ1|#hQZN6wt24yP^Oj|wVVuE&j@?O`HhsgCYfp$Z=^p0?B>&JMhW7f-vj
ztGo1Nh!bQ39q;mFz~zy6fxh^z2h-7LLlW7|?x|NpORv}c%~6^FV$1~H8Lr5@wFd$h
z)~@jyeqWMR?M=C6Ke$ZolV2V@MVB4j>E8CL5TV%VjuX0Dw~%t#^m^uZ+gG)LeGj>A
zR@C(r8XPTvdL5lq76ih_7KgYHl`Y)5yllF>t=NI~jV~7?FLOj*Uc&}|AHXgIbpx;7
z_-khzG~wDH_3Qn3yHEO4@kKdD1~;tz!AST10lSk$BZ|aGqYY+gpm!b#l!FVNM_g@=
zokI0U#M+mJE2(@KzK%XhTMuati#92jH|uuSkm(rn6CUrFm?8YIoqm#XyW3Az``sY<
z-;&b0t3j4rPd+=YiHysKj!0)868J2{`U&8(v{HSLo2YoVYK;A-(spgdhf97#;`#L!
z8KY)A39UZ8IN!cze_(WY|P
zY3_6I2s!g$_{v}?Pxh&#QGEKgT=~emn{%#Y#HsKKcm5*0b-O$D5=%{4`j2lePpq{F
zH)b8HS_E23=J*k(f
zt2MMZ>ll2`Qwq}kg9Ea)p{nu(p6Nh-e04=<+V)vLVo4AgRE*}bOO6V4b7gu`AaG~P
z?Z;5|-&&!&XYEnE$+~Xba8^=
zX^rq@5WmmqtUaoNRWhfMwAI$`n_L(M=)WUmPu%o-i$l3K@Hwzn5#X)AHcy*-rmPEE
R?$#X(8^pj&zg*8b@_%shFcbg)
literal 0
HcmV?d00001
diff --git a/files/fr/web/api/console/timelog/index.md b/files/fr/web/api/console/timelog/index.md
deleted file mode 100644
index b31672e8e98e11..00000000000000
--- a/files/fr/web/api/console/timelog/index.md
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: Console.timeLog()
-slug: Web/API/console/timeLog
----
-
-{{APIRef("Console API")}}
-
-Affiche dans la console la valeur actuelle d'un timer précédemment appelé par {{domxref("console.time()")}}
-
-Voir [Timers](/fr/docs/Web/API/console#Timers) dans la documentation pour des exemples et plus de détails
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.timeLog(label);
-```
-
-### Paramètres
-
-- `label`
- - : Le nom du timer à afficher sur la console
-
-### Valeur de retour
-
-Si aucun label n'est inclus
-
-```
-default: 1042ms
-```
-
-Si un `label` est inclus:
-
-```
-timer name: 1242ms
-```
-
-### Exceptions
-
-Si aucun timer n'est en cours d'éxecution, `timeLog()` retourne l'avertissement suivant :
-
-```
-Timer “default” doesn’t exist.
-```
-
-Si le paramètre label est spécifé mais aucun timer n'y correspond :
-
-```
-Timer “timer name” doesn’t exist.
-```
-
-## Exemples
-
-```js
-console.time("answer time");
-alert("Click to continue");
-console.timeLog("answer time");
-alert("Do a bunch of other stuff...");
-console.timeEnd("answer time");
-```
-
-Le résultat de l'exemple ci-dessus montre le temps qu'a mis l'utilisateur à fermer la première pop-up d'alerte, puis le temps que l'utilisateur a pris pour fermer la seconde :
-
-
-
-Notez que le nom du timer est à la fois affiché lorsque la valeur est affichée par `timeLog()` et lorsque le timer est arrêté
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Documentation d'Opera Dragonfly: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/timelog_static/index.md b/files/fr/web/api/console/timelog_static/index.md
new file mode 100644
index 00000000000000..45bb2b0e5e7d0e
--- /dev/null
+++ b/files/fr/web/api/console/timelog_static/index.md
@@ -0,0 +1,108 @@
+---
+title: "console : méthode statique timeLog()"
+slug: Web/API/console/timelog_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}{{AvailableInWorkers}}
+
+La méthode **`console.timeLog()`** affiche la valeur courante du chronomètre précédemment démarré par un appel à [`console.time()`](/fr/docs/Web/API/console/time_static).
+
+## Syntaxe
+
+```js-nolint
+timeLog()
+timeLog(libelle)
+timeLog(libelle, val1)
+timeLog(libelle, val1, /* …, */ valN)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+ - : Le nom du chronomètre dont on souhaite afficher la mesure dans la console. Si cet argument est absent, c'est le libellé `"default"` qui est utilisé.
+- `valN` {{optional_inline}}
+ - : Des valeurs additionnelels à afficher dans la console après la mesure temporelle.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Description
+
+La méthode `console.timeLog()` affiche la durée mesurée jusqu'à présent pour un chronomètre.
+
+On peut passer un nom comme argument à cette méthode, ce sera alors la durée du chronomètre (précédemment créé avec un appel à [`console.time()`](/fr/docs/Web/API/console/time_static)) avec ce nom qui sera affichée :
+
+```js
+console.time("réticulateur de spleens");
+reticulerLesSpleens();
+console.timeLog("réticulateur de spleens");
+// réticulateur de spleens : 650ms
+```
+
+Si le nom n'est pas fourni, ce sera la durée du chronomètre par défaut qui sera affiché :
+
+```js
+console.time();
+reticulerLesSpleens();
+console.timeLog();
+// default : 780ms
+```
+
+```js
+console.time("default");
+reticulerLesSpleens();
+console.timeLog();
+// default : 780ms
+```
+
+S'il n'y a pas de chronomètre associé existant, `timeLog()` affichera un avertissement :
+
+```plain
+Le minuteur « nom du chronomètre » n'existe pas.
+```
+
+On peut aussi fournir des valeurs supplémentaires, à afficher après la durée :
+
+```js
+console.time();
+reticulerLesSpleens();
+console.timeLog("default", "Coucou", "monde");
+// default : 780ms Coucou monde
+```
+
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronométrage) pour plus de détails et d'exemples.
+
+## Exemples
+
+```js
+console.time("ma mesure de temps");
+alert("Cliquez pour continuer");
+console.timeLog("ma mesure de temps");
+alert("Faire d'autres trucs…");
+console.timeEnd("ma mesure de temps");
+```
+
+Avec le fragment de code ci-avant, on affichera le temps écoulé après que la personne a fermé la première fenêtre modale, puis le temps total pris pour fermer les deux fenêtres :
+
+```plain
+ma mesure de temps : 1287 ms
+ma mesure de temps : 2808 ms - chronomètre arrêté
+```
+
+On notera que le nom du chronomètre est affiché avec la durée lors de l'appel à `timeLog()`, puis lors de l'arrêt. Quand on appelle `timeEnd()`, on a en plus le message « chronomètre arrêté » qui précise que le chronomètre est terminé.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.time()`](/fr/docs/Web/API/console/time_static)
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static)
diff --git a/files/fr/web/api/console/timestamp/index.md b/files/fr/web/api/console/timestamp/index.md
deleted file mode 100644
index 5e3e1904c959cd..00000000000000
--- a/files/fr/web/api/console/timestamp/index.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Console.timeStamp()
-slug: Web/API/console/timeStamp
----
-
-{{APIRef("Console API")}}{{Non-standard_header}}
-
-Ajoute un seul marqueur à l'outil [Performance](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference) ou [Waterfall](/fr/docs/Outils/Performance/Waterfall) du navigateur. Cela vous permet de corréler un point de votre code avec les autres événements enregistrés dans la chronologie, tels que les événements de mise en page et de peinture.
-
-Vous pouvez éventuellement fournir un argument pour étiqueter l'horodatage, et cette étiquette sera ensuite affichée à côté du marqueur.
-
-{{AvailableInWorkers}}
-
-## Syntaxe
-
-```js
-console.timeStamp(label);
-```
-
-## Paramètres
-
-- `label`
- - : Étiquette pour l'horodatage. Facultatif.
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- {{domxref("Console.time()")}}
-- {{domxref("Console.timeEnd()")}}
-- [Ajout d'un marqueur de temps pour le Waterfall](/fr/docs/Outils/Performance/Waterfall#Marqueurs_de_temps)
diff --git a/files/fr/web/api/console/timestamp_static/index.md b/files/fr/web/api/console/timestamp_static/index.md
new file mode 100644
index 00000000000000..046596b9a82b14
--- /dev/null
+++ b/files/fr/web/api/console/timestamp_static/index.md
@@ -0,0 +1,39 @@
+---
+title: "console : méthode statique timeStamp()"
+slug: Web/API/console/timestamp_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}{{Non-standard_header}}
+
+La méthode **`console.timeStamp()`** permet d'ajouter un marqueur de performance pour l'outil de mesure des performance du navigateur ([Firefox](https://profiler.firefox.com/docs/#/), [Chrome](https://developer.chrome.com/docs/devtools/evaluate-performance/reference/)). Cela permet de dresser des corrélations entre un moment dans le code et d'autres évènements mesurés dans la chronologie (comme ceux relatifs à la disposition ou au rendu à l'écran).
+
+Un argument optionnel permet de fournir un libellé pour le marqueur.
+
+{{AvailableInWorkers}}
+
+## Syntaxe
+
+```js-nolint
+timeStamp(libelle)
+```
+
+### Paramètres
+
+- `libelle` {{optional_inline}}
+ - : Un libellé à utiliser pour le marqueur d'horodatage.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [`console.time()`](/fr/docs/Web/API/console/time_static)
+- [`console.timeLog()`](/fr/docs/Web/API/console/timelog_static)
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static)
diff --git a/files/fr/web/api/console/trace/index.md b/files/fr/web/api/console/trace/index.md
deleted file mode 100644
index 6722d31e77d7b2..00000000000000
--- a/files/fr/web/api/console/trace/index.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Console.trace()
-slug: Web/API/console/trace
----
-
-{{ APIRef("Console API") }}
-
-Affiche la _stack trace_ dans la [Web Console](/fr/docs/Outils/Console_Web).
-
-{{AvailableInWorkers}}
-
-Voir [Stack traces](/fr/docs/Web/API/console#Stack_traces) dans la documentation de {{ domxref("console") }} pour plus de détails et d'exemples.
-
-## Syntaxe
-
-```js
-console.trace();
-```
-
-## Exemple
-
-```js
-function foo() {
- function bar() {
- console.trace();
- }
- bar();
-}
-
-foo();
-```
-
-Dans la console, la trace suivante sera affichée :
-
-```plain
-bar
-foo
-
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-[Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
diff --git a/files/fr/web/api/console/trace_static/index.md b/files/fr/web/api/console/trace_static/index.md
new file mode 100644
index 00000000000000..63a3fd41e31892
--- /dev/null
+++ b/files/fr/web/api/console/trace_static/index.md
@@ -0,0 +1,61 @@
+---
+title: "console : méthode statique trace()"
+slug: Web/API/console/trace_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.trace()`** permet d'afficher la trace de la pile d'appels dans la console.
+
+{{AvailableInWorkers}}
+
+> **Note :** Dans certains navigateurs, `console.trace()` pourra également afficher la séquence des appels et des évènements asynchrones qui ont mené à l'appel courant de `console.trace()` et qui ne sont pas nécessairement dans la pile d'appels, pour aider à déterminer l'origine de la boucle d'évaluation courante.
+
+Voir [la section sur le traçage des piles d'appels dans la documentation de `console`](/fr/docs/Web/API/console#traces_dappel) pour plus de détails et d'exemples.
+
+## Syntaxe
+
+```js-nolint
+trace()
+trace(obj1, /* …, */ objN)
+```
+
+### Paramètres
+
+- `obj1` … `objN` {{optional_inline}}
+ - : Zéro ou plusieurs objets à afficher dans la console avec la trace d'appels. Ces objets sont assemblés et formatés comme s'ils avaient été passés à [`console.log()`](/fr/docs/Web/API/console/log_static).
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Exemples
+
+```js
+function toto() {
+ function truc() {
+ console.trace();
+ }
+ truc();
+}
+
+toto();
+```
+
+Avec le fragment de code précédent, on aura la trace suivante dans la console :
+
+```plain
+truc
+toto
+
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
diff --git a/files/fr/web/api/console/warn/index.md b/files/fr/web/api/console/warn/index.md
deleted file mode 100644
index 903c592c417a74..00000000000000
--- a/files/fr/web/api/console/warn/index.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: Console.warn()
-slug: Web/API/console/warn
----
-
-{{ APIRef("Console API") }}
-
-Affiche un message d'avertissement dans la console web.
-
-{{AvailableInWorkers}}
-
-> **Note :** Dans Firefox, une icône de point d'exclamation est affichée à côté des messages d'avertissement
-
-## Syntaxe
-
-```js
-console.warn(obj1 [, obj2, ..., objN]);
-console.warn(msg [, subst1, ..., substN]);
-```
-
-## Paramétres
-
-- `obj1` ... `objN`
- - : Une liste d'objets JavaScript à afficher. La représentation, en chaîne de caractéres, de chacun de ces objets est affichée dans l'ordre de la liste.
-- `msg`
- - : Une chaîne de caractères JavaScript contenant zéro ou plusieurs subdivisions de chaîne de caractères.
-- `subst1` ... `substN`
- - : Une liste d'objets JavaScript qui remplace les chaînes de caractéres de `msg`. Cela vous donne plus de contrôle sur le format de sortie.
-
-Voir [Outputting text to the console](/fr/docs/Web/API/console#Outputting_text_to_the_console) dans la documentation de {{ domxref("console") }} pour plus de détails.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Opera Dragonfly documentation: Console](http://www.opera.com/dragonfly/documentation/console/)
-- [MSDN: Using the F12 Tools Console to View Errors and Status](http://msdn.microsoft.com/library/gg589530)
diff --git a/files/fr/web/api/console/warn_static/index.md b/files/fr/web/api/console/warn_static/index.md
new file mode 100644
index 00000000000000..1699ca18b6c531
--- /dev/null
+++ b/files/fr/web/api/console/warn_static/index.md
@@ -0,0 +1,52 @@
+---
+title: "console : méthode statique warn()"
+slug: Web/API/console/warn_static
+l10n:
+ sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
+---
+
+{{APIRef("Console API")}}
+
+La méthode **`console.warn()`** affiche un message d'avertissement dans la console.
+
+{{AvailableInWorkers}}
+
+> **Note :** Dans Chrome et Firefox, les avertissements sont indiqués par un triangle avec un point d'exclamation.
+
+## Syntaxe
+
+```js-nolint
+warn(obj1)
+warn(obj1, /* …, */ objN)
+warn(msg)
+warn(msg, subst1, /* …, */ substN)
+```
+
+### Paramètres
+
+- `obj1` … `objN`
+ - : Une liste d'objets JavaScript à afficher. Les représentations en chaînes de caractères de ces objets sont concaténés dans l'ordre et affichés dans la console.
+- `msg`
+ - : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
+- `subst1` … `substN`
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+
+Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
+
+### Valeur de retour
+
+Aucune ([`undefined`](/fr/docs/Web/JavaScript/Reference/Global_Objects/undefined)).
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Documentation Edge](https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/console/console-log#console-messages-examples-log-info-error-and-warn)
+- [Documentation Node.JS sur l'API Console](https://nodejs.org/docs/latest/api/console.html#consolewarndata-args)
+- [Documentation Chrome](https://developer.chrome.com/docs/devtools/console/api/#warn)
diff --git a/files/fr/web/api/history_api/example/index.md b/files/fr/web/api/history_api/example/index.md
deleted file mode 100644
index 654cea4fc2cab7..00000000000000
--- a/files/fr/web/api/history_api/example/index.md
+++ /dev/null
@@ -1,438 +0,0 @@
----
-title: Exemple de navigation en Ajax
-slug: Web/API/History_API/Example
----
-
-Voici un exemple de site web AJAX composé uniquement de trois pages (_page_un.php_, _page_deux.php_ et _page_trois.php_). Pour tester cet exemple, merci de créer les fichiers suivants :
-
-**page_un.php**:
-
-```php
-
-
-
-
-" . $page_title . "";
-?>
-
-
-
-
-
-
-
This paragraph is shown only when the navigation starts from first_page.php.
-```
-
-**include/header.php**:
-
-```html
-
-
-
-```
-
-**js/ajax_nav.js**:
-
-```js
-"use strict";
-
-const ajaxRequest = new (function () {
- function closeReq() {
- oLoadingBox.parentNode && document.body.removeChild(oLoadingBox);
- bIsLoading = false;
- }
-
- function abortReq() {
- if (!bIsLoading) {
- return;
- }
- oReq.abort();
- closeReq();
- }
-
- function ajaxError() {
- alert("Unknown error.");
- }
-
- function ajaxLoad() {
- var vMsg,
- nStatus = this.status;
- switch (nStatus) {
- case 200:
- vMsg = JSON.parse(this.responseText);
- document.title = oPageInfo.title = vMsg.page;
- document.getElementById(sTargetId).innerHTML = vMsg.content;
- if (bUpdateURL) {
- history.pushState(oPageInfo, oPageInfo.title, oPageInfo.url);
- bUpdateURL = false;
- }
- break;
- default:
- vMsg = nStatus + ": " + (oHTTPStatus[nStatus] || "Unknown");
- switch (Math.floor(nStatus / 100)) {
- /*
- case 1:
- // Informational 1xx
- console.log("Information code " + vMsg);
- break;
- case 2:
- // Successful 2xx
- console.log("Successful code " + vMsg);
- break;
- case 3:
- // Redirection 3xx
- console.log("Redirection code " + vMsg);
- break;
- */
- case 4:
- /* Client Error 4xx */
- alert("Client Error #" + vMsg);
- break;
- case 5:
- /* Server Error 5xx */
- alert("Server Error #" + vMsg);
- break;
- default:
- /* Unknown status */
- ajaxError();
- }
- }
- closeReq();
- }
-
- function filterURL(sURL, sViewMode) {
- return (
- sURL.replace(rSearch, "") +
- (
- "?" +
- sURL
- .replace(rHost, "&")
- .replace(rView, sViewMode ? "&" + sViewKey + "=" + sViewMode : "")
- .slice(1)
- ).replace(rEndQstMark, "")
- );
- }
-
- function getPage(sPage) {
- if (bIsLoading) {
- return;
- }
- oReq = new XMLHttpRequest();
- bIsLoading = true;
- oReq.onload = ajaxLoad;
- oReq.onerror = ajaxError;
- if (sPage) {
- oPageInfo.url = filterURL(sPage, null);
- }
- oReq.open("get", filterURL(oPageInfo.url, "json"), true);
- oReq.send();
- oLoadingBox.parentNode || document.body.appendChild(oLoadingBox);
- }
-
- function requestPage(sURL) {
- if (history.pushState) {
- bUpdateURL = true;
- getPage(sURL);
- } else {
- /* Ajax navigation is not supported */
- location.assign(sURL);
- }
- }
-
- function processLink() {
- if (this.className === sAjaxClass) {
- requestPage(this.href);
- return false;
- }
- return true;
- }
-
- function init() {
- oPageInfo.title = document.title;
- history.replaceState(oPageInfo, oPageInfo.title, oPageInfo.url);
- for (
- var oLink, nIdx = 0, nLen = document.links.length;
- nIdx < nLen;
- document.links[nIdx++].onclick = processLink
- );
- }
-
- const /* customizable constants */
- sTargetId = "ajax-content",
- sViewKey = "view_as",
- sAjaxClass = "ajax-nav",
- /* not customizable constants */
- rSearch = /\?.*$/,
- rHost = /^[^\?]*\?*&*/,
- rView = new RegExp("&" + sViewKey + "\\=[^&]*|&*$", "i"),
- rEndQstMark = /\?$/,
- oLoadingBox = document.createElement("div"),
- oCover = document.createElement("div"),
- oLoadingImg = new Image(),
- oPageInfo = {
- title: null,
- url: location.href,
- },
- oHTTPStatus =
- /* http://www.iana.org/assignments/http-status-codes/http-status-codes.xml */ {
- 100: "Continue",
- 101: "Switching Protocols",
- 102: "Processing",
- 200: "OK",
- 201: "Created",
- 202: "Accepted",
- 203: "Non-Authoritative Information",
- 204: "No Content",
- 205: "Reset Content",
- 206: "Partial Content",
- 207: "Multi-Status",
- 208: "Already Reported",
- 226: "IM Used",
- 300: "Multiple Choices",
- 301: "Moved Permanently",
- 302: "Found",
- 303: "See Other",
- 304: "Not Modified",
- 305: "Use Proxy",
- 306: "Reserved",
- 307: "Temporary Redirect",
- 308: "Permanent Redirect",
- 400: "Bad Request",
- 401: "Unauthorized",
- 402: "Payment Required",
- 403: "Forbidden",
- 404: "Not Found",
- 405: "Method Not Allowed",
- 406: "Not Acceptable",
- 407: "Proxy Authentication Required",
- 408: "Request Timeout",
- 409: "Conflict",
- 410: "Gone",
- 411: "Length Required",
- 412: "Precondition Failed",
- 413: "Request Entity Too Large",
- 414: "Request-URI Too Long",
- 415: "Unsupported Media Type",
- 416: "Requested Range Not Satisfiable",
- 417: "Expectation Failed",
- 422: "Unprocessable Entity",
- 423: "Locked",
- 424: "Failed Dependency",
- 425: "Unassigned",
- 426: "Upgrade Required",
- 427: "Unassigned",
- 428: "Precondition Required",
- 429: "Too Many Requests",
- 430: "Unassigned",
- 431: "Request Header Fields Too Large",
- 500: "Internal Server Error",
- 501: "Not Implemented",
- 502: "Bad Gateway",
- 503: "Service Unavailable",
- 504: "Gateway Timeout",
- 505: "HTTP Version Not Supported",
- 506: "Variant Also Negotiates (Experimental)",
- 507: "Insufficient Storage",
- 508: "Loop Detected",
- 509: "Unassigned",
- 510: "Not Extended",
- 511: "Network Authentication Required",
- };
-
- var oReq,
- bIsLoading = false,
- bUpdateURL = false;
-
- oLoadingBox.id = "ajax-loader";
- oCover.onclick = abortReq;
- oLoadingImg.src =
- "data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==";
- oCover.appendChild(oLoadingImg);
- oLoadingBox.appendChild(oCover);
-
- onpopstate = function (oEvent) {
- bUpdateURL = false;
- oPageInfo.title = oEvent.state.title;
- oPageInfo.url = oEvent.state.url;
- getPage();
- };
-
- window.addEventListener
- ? addEventListener("load", init, false)
- : window.attachEvent
- ? attachEvent("onload", init)
- : (onload = init);
-
- // Public methods
-
- this.open = requestPage;
- this.stop = abortReq;
- this.rebuildLinks = init;
-})();
-```
-
-> **Note :** [`const`](/fr/docs/Web/JavaScript/Reference/Statements/const) (instruction de constante) **ne fait pas partie de ECMAScript 5**. Il est supporté dans Firefox et Chrome (V8) et partiellement supporté dans Opera 9+ et Safari. **Il n'est pas supporté dans Internet Explorer 6-9, ou dans la version de prévisualisation de Internet Explorer 10**. [`const`](/fr/docs/Web/JavaScript/Reference/Statements/const) sera défini par ECMAScript 6, mais avec une sémantique différente. Proches des variables déclarées avec l'instruction [`let`](/fr/docs/Web/JavaScript/Reference/Statements/let), les constantes déclarées avec [`const`](/fr/docs/Web/JavaScript/Reference/Statements/const) seront limitées en portée. **Nous ne l'avons utilisé que pour des raisons pédagogiques, si vous souhaitez une compatibilité maximale de ce code, merci de remplacer les références à** **[`const`](/fr/docs/Web/JavaScript/Reference/Statements/const) par des instructions [`var`](/fr/docs/Web/JavaScript/Reference/Statements/var).**
-
-Pour plus d'informations, voyez : [Manipuler l'historique du navigateur](/fr/docs/DOM/manipuler_lhistorique_du_navigateur).
-
-## Lire également
-
-- {{ domxref("window.history") }}
-- {{ domxref("window.onpopstate") }}
diff --git a/files/fr/web/api/history_api/working_with_the_history_api/index.md b/files/fr/web/api/history_api/working_with_the_history_api/index.md
new file mode 100644
index 00000000000000..76622ba8edb625
--- /dev/null
+++ b/files/fr/web/api/history_api/working_with_the_history_api/index.md
@@ -0,0 +1,198 @@
+---
+title: Utiliser l'API History
+slug: Web/API/History_API/Working_with_the_History_API
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{DefaultAPISidebar("History API")}}
+
+L'API History permet à un site web d'interagir avec l'historique de la session du navigateur, c'est-à-dire la liste des pages que la personne a visitées sur une période donnée. Lorsqu'une personne visite de nouvelles pages, par exemple en cliquant sur des liens, ces nouvelles pages sont ajoutées à l'historique de la session. La personne peut alors se déplacer dans cet historique en utilisant les boutons « Précédent » et « Suivant » du navigateur.
+
+L'interface principale de cette API est l'interface [`History`](/fr/docs/Web/API/History) qui définit deux ensembles de méthodes :
+
+- Les méthodes pour naviguer vers une page de l'historique :
+
+ - [`History.back()`](/fr/docs/Web/API/History/back)
+ - [`History.forward()`](/fr/docs/Web/API/History/forward)
+ - [`History.go()`](/fr/docs/Web/API/History/go)
+
+- Les méthodes pour modifier l'historique de la session :
+
+ - [`History.pushState()`](/fr/docs/Web/API/History/pushState)
+ - [`History.replaceState()`](/fr/docs/Web/API/History/replaceState)
+
+Dans ce guide, nous nous intéresserons surtout au deuxième groupe, dont le comportement peut être plus complexe.
+
+La méthode `pushState()` permet d'ajouter une nouvelle entrée dans l'historique. La méthode `replaceState()` met à jour l'historique de la session pour la page courante. Ces deux méthodes prennent un paramètre `state` qui peut contenir n'importe quel [objet sérialisable](/fr/docs/Glossary/Serializable_object). Lorsqu'on utilise le navigateur pour accéder à cette entrée d'historique, il déclenchera un évènement [`popstate`](/fr/docs/Web/API/Window/popstate_event) qui contient l'objet d'état associé à cette entrée.
+
+L'objectif principal de cette API est d'assister les [SPA (single-page applications)](/fr/docs/Glossary/SPA) qui utilisent les API comme [`fetch()`](/fr/docs/Web/API/fetch) pour mettre à jour la page avec du nouveau contenu plutôt que de charger une nouvelle page complète.
+
+## SPA et historique de session
+
+Historiquement, les sites web étaient implémentés comme des ensembles de pages. Lorsqu'une personne naviguait vers un autre endroit d'un site en cliquant sur un lien, le navigateur chargeait une nouvelle page à chaque fois.
+
+Si cette approche peut très bien convenir pour de nombreux sites, elle possède quelques inconvénients :
+
+- Il peut être inefficace de charger toute une page à chaque fois, alors que seule une partie de la page doit être mise à jour.
+- Il est difficile de maintenir l'état de l'application lorsqu'on navigue entre différentes pages.
+
+C'est pour ces raisons que certains sites sont désormais implémentés sous la forme de [SPA (single-page applications)](/fr/docs/Glossary/SPA), où le site est en réalité une seule page, et où lorsqu'une personne clique sur un lien, la page :
+
+1. Empêche l'action par défaut du navigateur consistant à charger une nouvelle page
+2. Récupère avec [`fetch()`](/fr/docs/Web/API/fetch) le nouveau contenu à afficher
+3. Met à jour la page avec le nouveau contenu
+
+Par exemple :
+
+```js
+document.addEventListener("click", async (event) => {
+ const creature = event.target.getAttribute("data-creature");
+ if (creature) {
+ // Empêche le chargement d'une nouvelle page
+ event.preventDefault();
+ try {
+ // Récupère le nouveau contenu
+ const response = await fetch(`creatures/${creature}.json`);
+ const json = await response.json();
+ // Met à jour la page avec le nouveau contenu
+ displayContent(json);
+ } catch (err) {
+ console.error(err);
+ }
+ }
+});
+```
+
+Dans le gestionnaire d'évènement pour le clic, si le lien contient un attribut de données `"data-creature"`, on utilise la valeur de cet attribut pour récupérer un fichier JSON qui contient les nouvelles informations à afficher sur la page.
+
+Le fichier JSON en question pourra ressembler à :
+
+```json
+{
+ "description": "Bald eagles are not actually bald.",
+ "image": {
+ "src": "images/eagle.jpg",
+ "alt": "A bald eagle"
+ },
+ "name": "Eagle"
+}
+```
+
+Notre fonction `displayContent()` met à jour la page avec le contenu du fichier JSON :
+
+```js
+// Mettre à jour la page avec le nouveau contenu
+function displayContent(content) {
+ document.title = `Creatures: ${content.name}`;
+
+ const description = document.querySelector("#description");
+ description.textContent = content.description;
+
+ const photo = document.querySelector("#photo");
+ photo.setAttribute("src", content.image.src);
+ photo.setAttribute("alt", content.image.alt);
+}
+```
+
+Le problème est que cela interfère avec le comportement normal du navigateur pour les boutons « Précédent » et « Suivant ».
+
+Du point de vue de la personne, elle a cliqué et la page a été mise à jour et cela ressemble donc à une nouvelle page. Si la personne clique sur le bouton « Précédent », elle s'attend à revenir à l'état tel qu'il était avant de cliquer sur le lien.
+
+Mais pour le navigateur, le dernier lien n'a pas chargé de nouvelle page (et donc créé de nouvelle entrée dans l'historique), et le bouton « Précédent » ramènera la personne sur la page qui était chargée avant l'ouverture de la SPA.
+
+C'est pour résoudre ce problème que nous avons les méthodes `pushState()`, `replaceState()`, et l'évènement `popstate`. Ils nous permettent de synchroniser les éléments d'historique et d'être notifié·e quand l'entrée courante de l'historique arrive sur une telle page (par exemple, parce que la personne a utilisé les boutons « Précédent » ou « Suivant »).
+
+## Utiliser `pushState()`
+
+On peut ajouter une entrée dans l'historique grâce à notre gestionnaire d'évènement pour le clic :
+
+```js
+document.addEventListener("click", async (event) => {
+ const creature = event.target.getAttribute("data-creature");
+ if (creature) {
+ event.preventDefault();
+ try {
+ const response = await fetch(`creatures/${creature}.json`);
+ const json = await response.json();
+ displayContent(json);
+ // On ajoute une nouvelle entrée à l'historique.
+ // Cela simule le chargement d'une nouvelle page.
+ history.pushState(json, "", creature);
+ } catch (err) {
+ console.error(err);
+ }
+ }
+});
+```
+
+Dans cet exemple, nous appelons `pushState()` avec trois arguments :
+
+- `json`
+ - : Il s'agit du contenu qui vient d'être récupéré. Il sera stocké avec l'entrée de l'historique et inclus plus tard dans la propriété [`state`](/fr/docs/Web/API/PopStateEvent/state) de l'argument passé au gestionnaire d'évènements `popstate`.
+- `""`
+ - : Cet argument est nécessaire pour la rétrocompatibilité avec les anciens sites et devrait toujours être une chaîne de caractères vide.
+- `creature`
+ - : Cette valeur sera utilisée comme URL pour l'entrée d'historique. Elle sera affichée dans la barre d'URL du navigateur et utilisée comme valeur pour l'en-tête [`Referer`](/fr/docs/Web/HTTP/Headers/Referer) des requêtes HTTP effectuées par la page. Cette valeur doit avoir la [même origine](/fr/docs/Glossary/Same-origin_policy) que la page.
+
+## Utiliser l'évènement `popstate`
+
+Prenons le scénario suivant :
+
+1. La personne clique sur un lien dans notre SPA, et nous mettons à jour la page en ajoutant une entrée d'historique A grâce à `pushState()`
+2. Elle clique ensuite sur un autre lien, et nous mettons à jour la page en ajoutant une entrée d'historique B avec `pushState()`
+3. Elle clique sur le bouton « Précédent »
+
+L'entrée actuelle est A, et le navigateur déclenche l'évènement `popstate`. L'argument passé au gestionnaire d'évènement contient le JSON passé `pushState()` lors de la navigation vers A. Cela signifie que nous pouvons restaurer le contenu correct avec un gestionnaire d'évènement comme celui-ci :
+
+```js
+// Gestion des boutons précédent/suivant
+window.addEventListener("popstate", (event) => {
+ // Si un état a été fourni, nous avons une page "simulée"
+ // et nous mettons à jour la page courante.
+ if (event.state) {
+ // On simule le chargement de la page précédente
+ displayContent(event.state);
+ }
+});
+```
+
+## Utiliser `replaceState()`
+
+Il nous reste une brique à ajouter. Lorsqu'on charge la SPA, le navigateur ajoute une entrée d'historique. Comme il s'agit d'un chargement de page classique, l'entrée dans l'historique ne possède pas d'état associé. Prenons maintenant le scénario suivant :
+
+1. On charge la SPA : le navigateur ajoute une entrée d'historique
+2. On clique sur un lien dans la SPA : le gestionnaire de clic met à jour la page et rajoute une entrée dans l'historique à l'aide de la méthode `pushState()`
+3. On clique sur le bouton « Précédent »
+
+Nous voudrions que cela restaure l'état initial de la SPA. Mais comme il s'agit d'une navigation vers le même document, la page n'est pas rechargée, et comme l'entrée d'historique ne possède pas d'état pour la page initiale, nous ne pouvons pas utiliser `popstate` pour le restaurer.
+
+La solution consiste à utiliser `replaceState()` pour définir l'objet d'état pour la page initiale. Par exemple :
+
+```js
+// On crée l'état au chargement de la page et on remplace l'entrée courante
+// de l'historique avec cet état
+const image = document.querySelector("#photo");
+const initialState = {
+ description: document.querySelector("#description").textContent,
+ image: {
+ src: image.getAttribute("src"),
+ alt: image.getAttribute("alt"),
+ },
+ name: "Home",
+};
+history.replaceState(initialState, "", document.location.href);
+```
+
+Au chargement de la page, on collecte tous les endroits de la page qui doivent être restaurés quand on reviendra à l'emplacement initial de la SPA. On utilise ici la même structure que le JSON qui est récupéré lors des autres navigations. Les données sont assemblées dans un objet `initialState` qui est passé à `replaceState()`, ce qui permet d'associer ces données à l'entrée courante de l'historique.
+
+Désormais, lorsqu'on reviendra au point de départ, l'évènement `popstate` contiendra les informations de l'état initial et on pourra utiliser la fonction `displayContent()` afin de mettre à jour la page.
+
+## Un exemple complet
+
+Vous pouvez trouver cet exemple dans son intégralité à l'URL , et voir la démo correspondante à l'adresse .
+
+## Voir aussi
+
+- [L'API History](/fr/docs/Web/API/History_API)
+- L'objet global [`history`](/fr/docs/Web/API/Window/history)
diff --git a/files/fr/webassembly/javascript_interface/compile/index.md b/files/fr/webassembly/javascript_interface/compile/index.md
deleted file mode 100644
index 8b25633cfce2a6..00000000000000
--- a/files/fr/webassembly/javascript_interface/compile/index.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: WebAssembly.compile()
-slug: WebAssembly/JavaScript_interface/compile
----
-
-{{WebAssemblySidebar}}
-
-La méthode **`WebAssembly.compile()`**, permet de compiler un module ({{jsxref("WebAssembly.Module")}} à partir d'un code binaire WebAssembly. Cette fonction est utile lorsqu'il est nécessaire de compiler un module avant de l'instancier (dans les autres cas, la méthode {{jsxref("WebAssembly.instantiate()")}} sera plus pertinente).
-
-## Syntaxe
-
-```js
-WebAssembly.compile(bufferSource);
-```
-
-### Paramètres
-
-- `bufferSource`
- - : Un [tableau typé](/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray) ou un {{jsxref("ArrayBuffer")}} contenant le _bytecode_ du module WebAssembly qu'on souhaite compiler.
-
-### Valeur de retour
-
-Une promesse ({{jsxref("Promise")}}) dont la valeur de résolution est une instance de {{jsxref("WebAssembly.Module")}} qui représente le module compilé.
-
-### Exceptions
-
-- Si `bufferSource` n'est pas un tableau typé, une exception {{jsxref("TypeError")}} sera levée.
-- Si la compilation échoue, la promesse sera rompue avec une exception {{jsxref("WebAssembly.CompileError")}}.
-
-## Exemples
-
-Dans l'exemple qui suit, on compile le _bytecode_ `simple.wasm` grâce à la méthode `compile()` puis on envoie le contenu à [un _worker_](/fr/docs/Web/API/Web_Workers_API) grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
-
-```js
-var worker = new Worker("wasm_worker.js");
-
-fetch("simple.wasm")
- .then((response) => response.arrayBuffer())
- .then((bytes) => WebAssembly.compile(bytes))
- .then((mod) => worker.postMessage(mod));
-```
-
-> **Note :** Dans la plupart des cas, mieux vaudra utiliser {{jsxref("WebAssembly.compileStreaming()")}} qui est plus efficace que `compile()`.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/compile_static/index.md b/files/fr/webassembly/javascript_interface/compile_static/index.md
new file mode 100644
index 00000000000000..84af6a5ff8830a
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/compile_static/index.md
@@ -0,0 +1,63 @@
+---
+title: WebAssembly.compile()
+slug: WebAssembly/JavaScript_interface/compile_static
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.compile()`**, permet de compiler un module ([`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module)) à partir d'un code binaire WebAssembly. Cette fonction est utile lorsqu'il est nécessaire de compiler un module avant de l'instancier (dans les autres cas, la méthode [`WebAssembly.instantiate()`](/fr/docs/WebAssembly/JavaScript_interface/instantiate_static) sera plus pertinente).
+
+> **Note :** Les pages web qui utilisent une [CSP](/fr/docs/Web/HTTP/CSP) stricte peuvent bloquer la compilation WebAssembly et l'exécution des modules. Pour plus d'informations pour l'autorisation de la compilation et de l'exécution, voir [la directive CSP `script-src`](/fr/docs/Web/HTTP/Headers/Content-Security-Policy/script-src).
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.compile(bufferSource);
+```
+
+### Paramètres
+
+- `bufferSource`
+ - : Un [tableau typé](/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray) ou un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) contenant le bytecode du module WebAssembly qu'on souhaite compiler.
+
+### Valeur de retour
+
+Une promesse ([`Promise`](/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise)) dont la valeur de résolution est une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui représente le module compilé.
+
+### Exceptions
+
+- Si `bufferSource` n'est pas un tableau typé, une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+- Si la compilation échoue, la promesse sera rompue avec une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError).
+
+## Exemples
+
+### Utiliser `compile()`
+
+Dans l'exemple qui suit, on compile le bytecode `simple.wasm` grâce à la méthode `compile()` puis on envoie le contenu à [un worker](/fr/docs/Web/API/Web_Workers_API) grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
+
+```js
+const worker = new Worker("wasm_worker.js");
+
+fetch("simple.wasm")
+ .then((response) => response.arrayBuffer())
+ .then((bytes) => WebAssembly.compile(bytes))
+ .then((mod) => worker.postMessage(mod));
+```
+
+> **Note :** Dans la plupart des cas, mieux vaudra utiliser [`WebAssembly.compileStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static) qui est plus efficace que `compile()`.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/compilestreaming/index.md b/files/fr/webassembly/javascript_interface/compilestreaming/index.md
deleted file mode 100644
index f45fdb2ab8215a..00000000000000
--- a/files/fr/webassembly/javascript_interface/compilestreaming/index.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: WebAssembly.compileStreaming()
-slug: WebAssembly/JavaScript_interface/compileStreaming
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.compileStreaming()`** permet de compiler un module WebAssembly (c'est-à-dire un objet {{jsxref("WebAssembly.Module")}}) depuis un flux source. Cette fonction est utile si on doit compiler un module avant de l'instancier séparement, sinon on utilisera plutôt {{jsxref("WebAssembly.instantiateStreaming()")}}.
-
-## Syntaxe
-
-```js
-WebAssembly.compileStreaming(source);
-```
-
-### Paramètres
-
-- `source`
- - : Un objet {{domxref("Response")}} ou une promesse qui sera résolue avec un objet {{domxref("Response")}} qui représentee la source du module .wasm qu'on souhaite manipuler comme un flux et compiler.
-
-### Valeur de retour
-
-Un objet `Promise` dont la valeur de résolution est un objet {{jsxref("WebAssembly.Module")}} qui représente le module compilé.
-
-### Exceptions
-
-- Si la compilation échoue, la promesse est rejetée avec une exception {{jsxref("WebAssembly.CompileError")}}.
-
-## Exemples
-
-Dans l'exemple suivant (également disponible sur GitHub : [compile-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/compile-streaming.html) et avec [le résultat _live_](https://mdn.github.io/webassembly-examples/js-api-examples/compile-streaming.html)), on récupère un flux dedpuis un module .wasm puis on le compile en un objet {{jsxref("WebAssembly.Module")}}. La fonction `compileStreaming()` acceptant une promesse pour un objet {{domxref("Response")}}, on peut directement passer l'appel à [`fetch()`](/fr/docs/Web/API/fetch) qui transfèrera la réponse dès que la promesse sera tenue.
-
-```js
-var importObject = { imports: { imported_func: (arg) => console.log(arg) } };
-
-WebAssembly.compileStreaming(fetch("simple.wasm"))
- .then((module) => WebAssembly.instantiate(module, importObject))
- .then((instance) => instance.exports.exported_func());
-```
-
-Le module est ensuite instancié grâce à la fonction {{jsxref("WebAssembly.instantiate()")}}. Enfin, on appelle la fonction exportée.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [La page d'aperçu de WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript de WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/compilestreaming_static/index.md b/files/fr/webassembly/javascript_interface/compilestreaming_static/index.md
new file mode 100644
index 00000000000000..49cbf934a7fc1e
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/compilestreaming_static/index.md
@@ -0,0 +1,62 @@
+---
+title: WebAssembly.compileStreaming()
+slug: WebAssembly/JavaScript_interface/compileStreaming_static
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.compileStreaming()`** permet de compiler un module WebAssembly (c'est-à-dire un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module)) depuis un flux source. Cette fonction est utile si on doit compiler un module avant de l'instancier séparement, sinon on utilisera plutôt [`WebAssembly.instantiateStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static).
+
+> **Note :** Les pages web qui utilisent une [CSP](/fr/docs/Web/HTTP/CSP) stricte peuvent bloquer la compilation WebAssembly et l'exécution des modules. Pour plus d'informations pour l'autorisation de la compilation et de l'exécution, voir [la directive CSP `script-src`](/fr/docs/Web/HTTP/Headers/Content-Security-Policy/script-src).
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.compileStreaming(source)
+```
+
+### Paramètres
+
+- `source`
+ - : Un objet [`Response`](/fr/docs/Web/API/Response) ou une promesse qui sera résolue en un tel objet et qui représentee la source du module WASM qu'on souhaite manipuler comme un flux et compiler.
+
+### Valeur de retour
+
+Un objet `Promise` dont la valeur de résolution est un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui représente le module compilé.
+
+### Exceptions
+
+- Si `source` n'est pas un objet [`Response`](/fr/docs/Web/API/Response) ou une promesse qui se résout en `Response`, la promesse est rejetée avec une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError).
+- Si la compilation échoue, la promesse est rejetée avec une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError).
+- Si `source` est une promesse qui échoue, la promesse renvoyée par cette méthode échoue avec cette même erreur.
+- Si l'objet `Result` de la source a une erreur (par exemple un mauvais type MIME), la promesse est rejetée avec une erreur.
+
+## Exemples
+
+Dans l'exemple suivant (également disponible sur GitHub : [`compile-streaming.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/compile-streaming.html) et avec [le résultat _live_](https://mdn.github.io/webassembly-examples/js-api-examples/compile-streaming.html)), on récupère un flux dedpuis un module .wasm puis on le compile en un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module). La fonction `compileStreaming()` acceptant une promesse pour un objet [`Response`](/fr/docs/Web/API/Response), on peut directement passer l'appel à [`fetch()`](/fr/docs/Web/API/fetch) qui transfèrera la réponse dès que la promesse sera tenue.
+
+```js
+const importObject = { imports: { imported_func: (arg) => console.log(arg) } };
+
+WebAssembly.compileStreaming(fetch("simple.wasm"))
+ .then((module) => WebAssembly.instantiate(module, importObject))
+ .then((instance) => instance.exports.exported_func());
+```
+
+Le module est ensuite instancié grâce à la fonction [`WebAssembly.instantiate()`](/fr/docs/WebAssembly/JavaScript_interface/instantiate_static). Enfin, on appelle la fonction exportée.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [La page d'aperçu de WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript de WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/instantiate/index.md b/files/fr/webassembly/javascript_interface/instantiate/index.md
deleted file mode 100644
index eff04ed662b0dd..00000000000000
--- a/files/fr/webassembly/javascript_interface/instantiate/index.md
+++ /dev/null
@@ -1,134 +0,0 @@
----
-title: WebAssembly.instantiate()
-slug: WebAssembly/JavaScript_interface/instantiate
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.instantiate()`** permet de compiler et d'instancier du code WebAssembly. Cette fonction possède deux formes :
-
-- La première forme prend un code binaire WebAssembly sous forme d'un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) ou d'un {{jsxref("ArrayBuffer")}} et effectue les étapes de compilation et d'instanciation en une fois. La valeur de résolution de la promesse renvoyée se compose d'un module {{jsxref("WebAssembly.Module")}} compilé et de sa première instance {{jsxref("WebAssembly.Instance")}}.
-- La seconde forme prend un module ({{jsxref("WebAssembly.Module")}}) déjà compilé et renvoie une promesse dont la valeur de résolution est une instance de ce module. Cette forme s'avère utile lorsque le module a déjà été compilé.
-
-> **Attention :** Tant que faire se peut, utiliser la méthode {{jsxref("WebAssembly.instantiateStreaming()")}} car elle est plus efficace et récupère, compile et instancie un module en une seule étape à partir du _bytecode_ et il n'est pas nécessaire de passer par une conversion en {{jsxref("ArrayBuffer")}}.
-
-## Syntaxe
-
-### Première forme : utiliser le _bytecode_ WebAssembly
-
-```js
-WebAssembly.instantiate(bufferSource, importObject);
-```
-
-#### Paramètres
-
-- `bufferSource`
- - : Un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) ou un {{jsxref("ArrayBuffer")}} qui contient le _bytecode_ du module WebAssembly qu'on souhaite compiler.
-- `importObject` {{optional_inline}}
- - : Un objet qui contient les valeurs à importer dans l'instance qui sera créée. Ces valeurs peuvent être des fonctions ou des objets {{jsxref("WebAssembly.Memory")}}. Il doit y avoir une propriété correspondante au sein du module compilé pour chacun des imports, si ce n'est pas le cas, une exception {{jsxref("WebAssembly.LinkError")}} sera levée.
-
-#### Valeur de retour
-
-Une promesse qui est résoluee en un objet qui contient deux champs :
-
-- `module` : un objet {{jsxref("WebAssembly.Module")}} qui représente le module WebAssembly compilé. Ce module peut être instancié à nouveau grâce à {{domxref("Worker.postMessage", "postMessage()")}} ou via [un cache IndexedDB](/fr/docs/WebAssembly/Caching_modules).
-- `instance` : un objet {{jsxref("WebAssembly.Instance")}} qui contient l'ensemble [des fonctions WebAssembly exportées](/fr/docs/WebAssembly/Exported_functions).
-
-#### Exceptions
-
-- Si l'un des paramètres n'a pas le bon type ou la bonne structure, une exception {{jsxref("TypeError")}} sera levée.
-- Si l'opération échoue, la promesse est rompue avec une exception {{jsxref("WebAssembly.CompileError")}}, {{jsxref("WebAssembly.LinkError")}} ou {{jsxref("WebAssembly.RuntimeError")}} selon l'origine de l'échec.
-
-### Seconde forme : utiliser une instance d'un module
-
-```js
-WebAssembly.instantiate(module, importObject);
-```
-
-#### Paramètres
-
-- `module`
- - : L'objet {{jsxref("WebAssembly.Module")}} qui doit être instancié.
-- `importObject` {{optional_inline}}
- - : Un objet qui contient les valeurs à importer dans l'instance qui sera créée. Ces valeurs peuvent être des fonctions ou des objets {{jsxref("WebAssembly.Memory")}}. Il doit y avoir une propriété correspondante au sein du module compilé pour chacun des imports, si ce n'est pas le cas, une exception {{jsxref("WebAssembly.LinkError")}} sera levée.
-
-#### Valeur de retour
-
-Une promesse qui est résolue en un objet {{jsxref("WebAssembly.Instance")}}.
-
-#### Exceptions
-
-- Si l'un des paramètres n'est pas du bon type ou n'a pas la bonne structure, une exception {{jsxref("TypeError")}} est levée.
-- Si l'opération échoue, la promesse sera rompue avec une exception {{jsxref("WebAssembly.CompileError")}}, {{jsxref("WebAssembly.LinkError")}} ou {{jsxref("WebAssembly.RuntimeError")}} selon l'origine de l'échec.
-
-## Exemples
-
-> **Note :** Dans la plupart des cas, on utilisera plus vraisemblablement {{jsxref("WebAssembly.instantiateStreaming()")}} qui est plus efficace que `instantiate()`.
-
-### Première forme
-
-Après avoir récupéré le _bytecode_ WebAssembly grâce à `fetch()`, on compile et on instancie le module grâce à la fonction {{jsxref("WebAssembly.instantiate()")}} et on importe une fonction JavaScript dans le module lors de cette étape. Ensuite, on invoque [une fonction WebAssembly exportée](/fr/docs/WebAssembly/Exported_functions) via l'instance.
-
-```js
-var importObject = {
- imports: {
- imported_func: function (arg) {
- console.log(arg);
- },
- },
-};
-
-fetch("simple.wasm")
- .then((response) => response.arrayBuffer())
- .then((bytes) => WebAssembly.instantiate(bytes, importObject))
- .then((result) => result.instance.exports.exported_func());
-```
-
-> **Note :** Voir le fichier [index.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index.html) sur GitHub ([ainsi que la démonstration associée](https://mdn.github.io/webassembly-examples/js-api-examples/)) qui contient un exemple analogue et qui utilise la fonction utilitaire [`fetchAndInstantiate()`](https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js#L1).
-
-### Seconde forme
-
-Dans l'exemple qui suit (tiré du fichier [`index-compile.html`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html) sur GitHub et qui dispose d'[une démonstration](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)), on compile le _bytecode_ du module chargé `simple.wasm` grâce à la fonction {{jsxref("WebAssembly.compileStreaming()")}} puis on envoie le résultat à un _[worker](/fr/docs/Web/API/Web_Workers_API)_ grâce à la méthode {{domxref("Worker.postMessage", "postMessage()")}}.
-
-```js
-var worker = new Worker("wasm_worker.js");
-
-WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
- worker.postMessage(mod),
-);
-```
-
-Dans le _worker_ (cf. [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js)), on définit un objet d'import qui sera utilisé par le module puis on paramètre un gestionnaire d'évènement afin de recevoir le module depuis le _thread_ principal. Lorsqu'on reçoit le module, on en crée une instance grâce à la méthode {{jsxref("WebAssembly.instantiate()")}} puis on appelle une fonction exportée depuis le module.
-
-```js
-var importObject = {
- imports: {
- imported_func: function (arg) {
- console.log(arg);
- },
- },
-};
-
-onmessage = function (e) {
- console.log("module reçu depuis le thread principal");
- var mod = e.data;
-
- WebAssembly.instantiate(mod, importObject).then(function (instance) {
- instance.exports.exported_func();
- });
-};
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/instantiate_static/index.md b/files/fr/webassembly/javascript_interface/instantiate_static/index.md
new file mode 100644
index 00000000000000..83ec78dbefe8d7
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/instantiate_static/index.md
@@ -0,0 +1,138 @@
+---
+title: WebAssembly.instantiate()
+slug: WebAssembly/JavaScript_interface/instantiate_static
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.instantiate()`** permet de compiler et d'instancier du code WebAssembly. Cette fonction possède deux formes :
+
+- La première forme prend un code binaire WebAssembly sous forme d'un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) ou d'un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) et effectue les étapes de compilation et d'instanciation en une fois. La valeur de résolution de la promesse renvoyée se compose d'un module [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) compilé et de sa première instance [`WebAssembly.Instance`](/fr/docs/WebAssembly/JavaScript_interface/Instance).
+- La seconde forme prend un module ([`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module)) déjà compilé et renvoie une promesse dont la valeur de résolution est une instance de ce module. Cette forme s'avère utile lorsque le module a déjà été compilé.
+
+> **Attention :** Tant que faire se peut, utiliser la méthode [`WebAssembly.instantiateStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static), car elle est plus efficace et récupère, compile et instancie un module en une seule étape à partir du bytecode et il n'est pas nécessaire de passer par une conversion en [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer).
+
+## Syntaxe
+
+### Première forme : utiliser le code binaire WebAssembly
+
+```js
+WebAssembly.instantiate(bufferSource, importObject);
+```
+
+#### Paramètres
+
+- `bufferSource`
+ - : Un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) ou un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) qui contient le _bytecode_ du module WebAssembly qu'on souhaite compiler ou un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module).
+- `importObject` {{optional_inline}}
+ - : Un objet qui contient les valeurs à importer dans l'instance qui sera créée. Ces valeurs peuvent être des fonctions ou des objets [`WebAssembly.Memory`](/fr/docs/WebAssembly/JavaScript_interface/Memory). Il doit y avoir une propriété correspondante au sein du module compilé pour chacun des imports, si ce n'est pas le cas, une exception [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError) sera levée.
+
+#### Valeur de retour
+
+Une promesse qui est résolue en un objet qui contient deux champs :
+
+- `module`
+ - : Un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui représente le module WebAssembly compilé. Ce module peut être instancié à nouveau grâce à [`postMessage()`](/fr/docs/Web/API/Worker/postMessage) ou via [un cache](/fr/docs/WebAssembly/Caching_modules).
+- `instance`
+ - : Un objet [`WebAssembly.Instance`](/fr/docs/WebAssembly/JavaScript_interface/Instance) qui contient l'ensemble [des fonctions WebAssembly exportées](/fr/docs/WebAssembly/Exported_functions).
+
+#### Exceptions
+
+- Si l'un des paramètres n'a pas le bon type ou la bonne structure, une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+- Si l'opération échoue, la promesse est rompue avec une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError), [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError), ou [`WebAssembly.RuntimeError`](/fr/docs/WebAssembly/JavaScript_interface/RuntimeError) selon l'origine de l'échec.
+
+### Seconde forme : utiliser une instance d'un module
+
+```js
+WebAssembly.instantiate(module, importObject);
+```
+
+#### Paramètres
+
+- `module`
+ - : L'objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui doit être instancié.
+- `importObject` {{optional_inline}}
+ - : Un objet qui contient les valeurs à importer dans l'instance qui sera créée. Ces valeurs peuvent être des fonctions ou des objets [`WebAssembly.Memory`](/fr/docs/WebAssembly/JavaScript_interface/Memory). Il doit y avoir une propriété correspondante au sein du module compilé pour chacun des imports, si ce n'est pas le cas, une exception [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError) sera levée.
+
+#### Valeur de retour
+
+Une promesse qui est résolue en un objet [`WebAssembly.Instance`](/fr/docs/WebAssembly/JavaScript_interface/Instance).
+
+#### Exceptions
+
+- Si l'un des paramètres n'est pas du bon type ou n'a pas la bonne structure, une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) est levée.
+- Si l'opération échoue, la promesse sera rompue avec une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError), [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError), ou [`WebAssembly.RuntimeError`](/fr/docs/WebAssembly/JavaScript_interface/RuntimeError) selon l'origine de l'échec.
+
+## Exemples
+
+> **Note :** Dans la plupart des cas, on utilisera plus vraisemblablement [`WebAssembly.instantiateStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/instantiateStreaming_static) qui est plus efficace que `instantiate()`.
+
+### Première forme
+
+Après avoir récupéré le code binaire WebAssembly grâce à `fetch()`, on compile et on instancie le module grâce à la fonction `WebAssembly.instantiate()` et on importe une fonction JavaScript dans le module lors de cette étape. Ensuite, on invoque [une fonction WebAssembly exportée](/fr/docs/WebAssembly/Exported_functions) via l'instance.
+
+```js
+const importObject = {
+ imports: {
+ imported_func(arg) {
+ console.log(arg);
+ },
+ },
+};
+
+fetch("simple.wasm")
+ .then((response) => response.arrayBuffer())
+ .then((bytes) => WebAssembly.instantiate(bytes, importObject))
+ .then((result) => result.instance.exports.exported_func());
+```
+
+> **Note :** Voir le fichier [`index.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index.html) sur GitHub ([ainsi que la démonstration associée](https://mdn.github.io/webassembly-examples/js-api-examples/)).
+
+### Seconde forme
+
+Dans l'exemple qui suit (tiré du fichier [`index-compile.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index-compile.html) sur GitHub et qui dispose d'[une démonstration](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)), on compile le bytecode du module chargé `simple.wasm` grâce à la fonction [`WebAssembly.compileStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static) puis on envoie le résultat à un [worker](/fr/docs/Web/API/Web_Workers_API) grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
+
+```js
+const worker = new Worker("wasm_worker.js");
+
+WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
+ worker.postMessage(mod),
+);
+```
+
+Dans le worker (cf. [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/wasm_worker.js)), on définit un objet d'import qui sera utilisé par le module puis on paramètre un gestionnaire d'évènement afin de recevoir le module depuis le thread principal. Lorsqu'on reçoit le module, on en crée une instance grâce à la méthode `WebAssembly.instantiate()` puis on appelle une fonction exportée depuis le module.
+
+```js
+const importObject = {
+ imports: {
+ imported_func(arg) {
+ console.log(arg);
+ },
+ },
+};
+
+onmessage = (e) => {
+ console.log("module received from main thread");
+ const mod = e.data;
+
+ WebAssembly.instantiate(mod, importObject).then((instance) => {
+ instance.exports.exported_func();
+ });
+};
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/instantiatestreaming/index.md b/files/fr/webassembly/javascript_interface/instantiatestreaming/index.md
deleted file mode 100644
index 6d5f62f3f3d483..00000000000000
--- a/files/fr/webassembly/javascript_interface/instantiatestreaming/index.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: WebAssembly.instantiateStreaming()
-slug: WebAssembly/JavaScript_interface/instantiateStreaming
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.instantiateStreaming()`** permet de compiler et d'instancier un module WebAssembly depuis un flux source. C'est la méthode la plus efficace, et la plus optimisée, permettant de charger du code WebAssembly.
-
-## Syntaxe
-
-```js
-WebAssembly.instantiateStreaming(source, importObject);
-```
-
-### Paramètres
-
-- `source`
- - : Un objet {{domxref("Response")}} ou une promesse qui sera tenue avec une valeur {{domxref("Response")}} qui représente la source du module .wasm dont on souhaite récupérer le flux, la compiler puis l'instanciere.
-- `importObject` {{optional_inline}}
- - : Un objet qui contient les valeurs qui doivent être importées dans le nouvel objet `Instance` résultant. Cela peut être des fonctions ou des objets {{jsxref("WebAssembly.Memory")}}. Il est nécessaire qu'il y ait une propriété correspondante pour chaque import déclaré dans le module compilé, sinon, une exception [`WebAssembly.LinkError`](/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/LinkError) sera levée.
-
-### Valeur de retour
-
-Un objet `Promise` dont la valeur de résolution est un objet `ResultObject` contenant deux champs :
-
-- `module` : un objet {{jsxref("WebAssembly.Module")}} qui représente le module WebAssembly compilé. Ce module pourra être instancié à nouveau, partagé avec [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
-- `instance` : un objet {{jsxref("WebAssembly.Instance")}} qui contient l'ensemble [des fonctions WebAssembly exportées](/fr/docs/WebAssembly/Exported_functions).
-
-### Exceptions
-
-- Si l'un des paramètres n'est pas du bon type ou ne possède pas la bonne structure, une exception {{jsxref("TypeError")}} est déclenchée.
-- Si l'opération échoue, la promesse lève une exception {{jsxref("WebAssembly.CompileError")}}, {{jsxref("WebAssembly.LinkError")}} ou {{jsxref("WebAssembly.RuntimeError")}} selon la cause de l'échec.
-
-## Examples
-
-Dans l'exemple suivant (également disponible sur GitHub : [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) et avec [le résultat _live_](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)), on récupère le flux d'un module .wasm depuis une source, on le compile et on l'instancie. La promesse est alors résolue avec un objet `ResultObject`. La méthode `instantiateStreaming()` acceptant une promesse fournissant un objet {{domxref("Response")}}, on peut directement l'appel de [`fetch()`](/fr/docs/Web/API/fetch) en argument qui transfèrera la réponse lorsque la promesse résultante sera tenue.
-
-```js
-var importObject = { imports: { imported_func: (arg) => console.log(arg) } };
-
-WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
- (obj) => obj.instance.exports.exported_func(),
-);
-```
-
-Ensuite, on accède au champ `instance` de l'objet `ResultObject` afin de pouvoir invoquer une des fonctions exportées.
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [La page d'aperçu de WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript de WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/instantiatestreaming_static/index.md b/files/fr/webassembly/javascript_interface/instantiatestreaming_static/index.md
new file mode 100644
index 00000000000000..38310a44d377e4
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/instantiatestreaming_static/index.md
@@ -0,0 +1,69 @@
+---
+title: WebAssembly.instantiateStreaming()
+slug: WebAssembly/JavaScript_interface/instantiateStreaming_static
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.instantiateStreaming()`** permet de compiler et d'instancier un module WebAssembly depuis un flux source. C'est la méthode la plus efficace, et la plus optimisée, permettant de charger du code WebAssembly.
+
+> **Note :** Les pages web qui utilisent une [CSP](/fr/docs/Web/HTTP/CSP) stricte peuvent bloquer la compilation WebAssembly et l'exécution des modules. Pour plus d'informations pour l'autorisation de la compilation et de l'exécution, voir [la directive CSP `script-src`](/fr/docs/Web/HTTP/Headers/Content-Security-Policy/script-src).
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.instantiateStreaming(source, importObject)
+```
+
+### Paramètres
+
+- `source`
+ - : Un objet [`Response`](/fr/docs/Web/API/Response) ou une promesse qui sera tenue avec une valeur [`Response`](/fr/docs/Web/API/Response) qui représente la source du module .wasm dont on souhaite récupérer le flux, la compiler puis l'instancier.
+- `importObject` {{optional_inline}}
+ - : Un objet qui contient les valeurs qui doivent être importées dans le nouvel objet `Instance` résultant. Cela peut être des fonctions ou des objets [`WebAssembly.Memory`](/fr/docs/WebAssembly/JavaScript_interface/Memory). Il est nécessaire qu'il y ait une propriété correspondante pour chaque import déclaré dans le module compilé, sinon, une exception [`WebAssembly.LinkError`](/fr/docs/Web/JavaScript/Reference/Objets_globaux/WebAssembly/LinkError) sera levée.
+
+### Valeur de retour
+
+Un objet `Promise` dont la valeur de résolution est un objet `ResultObject` contenant deux champs :
+
+- `module`
+ - : Un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) qui représente le module WebAssembly compilé. Ce module pourra être instancié à nouveau, partagé avec [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
+- `instance`
+ - : Un objet [`WebAssembly.Instance`](/fr/docs/WebAssembly/JavaScript_interface/Instance) qui contient l'ensemble [des fonctions WebAssembly exportées](/fr/docs/WebAssembly/Exported_functions).
+
+### Exceptions
+
+- Si l'un des paramètres n'est pas du bon type ou ne possède pas la bonne structure, une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) est déclenchée.
+- Si l'opération échoue, la promesse lève une exception [`WebAssembly.CompileError`](/fr/docs/WebAssembly/JavaScript_interface/CompileError), [`WebAssembly.LinkError`](/fr/docs/WebAssembly/JavaScript_interface/LinkError), ou [`WebAssembly.RuntimeError`](/fr/docs/WebAssembly/JavaScript_interface/RuntimeError)selon la cause de l'échec.
+
+## Examples
+
+Dans l'exemple suivant (également disponible sur GitHub : [`instantiate-streaming.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/instantiate-streaming.html) et avec [le résultat live](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)), on récupère le flux d'un module .wasm depuis une source, on le compile et on l'instancie. La promesse est alors résolue avec un objet `ResultObject`. La méthode `instantiateStreaming()` acceptant une promesse fournissant un objet [`Response`](/fr/docs/Web/API/Response), on peut directement l'appel de [`fetch()`](/fr/docs/Web/API/fetch) en argument qui transfèrera la réponse lorsque la promesse résultante sera tenue.
+
+```js
+const importObject = { imports: { imported_func: (arg) => console.log(arg) } };
+
+WebAssembly.instantiateStreaming(fetch("simple.wasm"), importObject).then(
+ (obj) => obj.instance.exports.exported_func(),
+);
+```
+
+Ensuite, on accède au champ `instance` de l'objet `ResultObject` afin de pouvoir invoquer une des fonctions exportées.
+
+> **Note :** Pour que cela fonctionne, il faut que les fichiers soient renvoyés avec le type MIME `application/wasm` par le serveur.
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [La page d'aperçu de WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript de WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/customsections/index.md b/files/fr/webassembly/javascript_interface/module/customsections/index.md
deleted file mode 100644
index 8220bfe6d19089..00000000000000
--- a/files/fr/webassembly/javascript_interface/module/customsections/index.md
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: WebAssembly.Module.customSections()
-slug: WebAssembly/JavaScript_interface/Module/customSections
----
-
-{{WebAssemblySidebar}}
-
-La méthode **`WebAssembly.customSections()`** renvoie un tableau qui contient les sections personnalisées (_custom sections_) disponibles dans un module WebAssembly et qui ont un nom donné.
-
-## Syntaxe
-
-```js
-var custSec = WebAssembly.Module.customSections(module, nomSection);
-```
-
-### Paramètres
-
-- `module`
- - : L'objet {{jsxref("WebAssembly.Module")}} pour lequel on veut obtenir les sections personnalisées.
-- `nomSection`
- - : Le nom de la section personnalisée qu'on souhaite obtenir.
-
-### Valeur de retour
-
-Un tableau contenant des {{domxref("ArrayBuffer")}} dont chacun contient les données d'une section personnalisée du module qui correspond à `nomSection`.
-
-### Exceptions
-
-Si le module passé en argument n'est pas une instance de {{jsxref("WebAssembly.Module")}}, la méthode lèvera une exception {{jsxref("TypeError")}}.
-
-## Les sections personnalisées
-
-Un module wasm contient une série de **sections**. La plupart de ces sections sont spécifiées et validées par la spécification WebAssembly mais les modules peuvent contenir certaines sections « personnalisées » (_custom sections_) qui sont ignorées lors de la phase de validation. Pour plus d'informations, consulter [l'article sur les structures de haut niveau](https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#high-level-structure) qui détaille la structure des sections et les différences entre les sections normales (« connues ») et les sections personnalisées.
-
-Cela permet aux développeurs d'inclure des données personnalisées dans un module WebAssembly pour d'autres desseins. Par exemple, on peut avoir [une section personnalisée `name`](https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#name-section), qui permet aux développeurs de fournir des noms pour les fonctions et les variables locales du module (à la façon des « symboles » utilisé pour les programmes compilés).
-
-Le format WebAssembly ne possède actuellement aucune syntaxe pour ajouter une section personnalisée. Il est toutefois possible d'ajouter une section nommée au module wasm pendant la conversion du texte vers .wasm. La commande `wast2wasm`, disponible avec l'outil [`wabt`](https://github.com/webassembly/wabt), possède une option `--debug-names` qui permet de créer un module `.wasm` avec une section personnalisée `name` :
-
-```bash
-wast2wasm simple-name-section.was -o simple-name-section.wasm --debug-names
-```
-
-## Exemples
-
-Dans l'exemple qui suit (tiré de [ce fichier source](https://github.com/mdn/webassembly-examples/blob/master/other-examples/custom-section.html) et de [cette démonstration](https://mdn.github.io/webassembly-examples/other-examples/custom-section.html)), on compile et on instancie le bytecode `simple-name-section.wasm` et on importe une fonction JavaScript dans le module lors de cette étape. Ensuite, on exporte une fonction depuis le module grâce à `Instance.exports`.
-
-On faut aussi une vérification sur `WebAssembly.Module.customSections` pour vérifier si celle-ci contient une section personnalisée `"name"` dont on vérifie si la longueur est supérieure à 0. Ce module contenant une section `name`, les appels à `console.log()` sont exécutés et montrent que le tableau renvoyé par la méthode contient des objets {{domxref("ArrayBuffer")}}.
-
-```js
-WebAssembly.compileStreaming(fetch("simple-name-section.wasm")).then(
- function (mod) {
- var nameSections = WebAssembly.Module.customSections(mod, "name");
- if (nameSections.length != 0) {
- console.log("Le module contient une section nommée");
- console.log(nameSections[0]);
- }
- },
-);
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/customsections_static/index.md b/files/fr/webassembly/javascript_interface/module/customsections_static/index.md
new file mode 100644
index 00000000000000..3b56f152af6186
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/module/customsections_static/index.md
@@ -0,0 +1,73 @@
+---
+title: WebAssembly.Module.customSections()
+slug: WebAssembly/JavaScript_interface/Module/customSections_static
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.Module.customSections()`** renvoie un tableau qui contient les sections personnalisées (custom sections) disponibles dans un module WebAssembly et qui ont un nom donné.
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.Module.customSections(module, nomSection)
+```
+
+### Paramètres
+
+- `module`
+ - : L'objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module) pour lequel on veut obtenir les sections personnalisées.
+- `nomSection`
+ - : Le nom de la section personnalisée qu'on souhaite obtenir.
+
+### Valeur de retour
+
+Un tableau contenant des [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) dont chacun contient les données d'une section personnalisée du module qui correspond à `nomSection`.
+
+### Exceptions
+
+Si le module passé en argument n'est pas une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module), la méthode lèvera une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError).
+
+## Description
+
+Un module wasm contient une série de **sections**. La plupart de ces sections sont spécifiées et validées par la spécification WebAssembly mais les modules peuvent contenir certaines sections « personnalisées » (custom sections) qui sont ignorées lors de la phase de validation. Pour plus d'informations, consulter [l'article sur les structures de haut niveau](https://github.com/WebAssembly/design/blob/main/BinaryEncoding.md#high-level-structure) qui détaille la structure des sections et les différences entre les sections normales (« connues ») et les sections personnalisées.
+
+Cela permet aux développeuses et développeurs d'inclure des données personnalisées dans un module WebAssembly pour d'autres desseins. Par exemple, on peut avoir [une section personnalisée `name`](https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#name-section), qui permet aux développeuses et développeurs de fournir des noms pour les fonctions et les variables locales du module (à la façon des « symboles » utilisé pour les programmes compilés).
+
+Le format WebAssembly ne possède actuellement aucune syntaxe pour ajouter une section personnalisée. Il est toutefois possible d'ajouter une section nommée au module wasm pendant la conversion du texte vers .wasm. La commande `wast2wasm`, disponible avec l'outil [`wabt`](https://github.com/webassembly/wabt), possède une option `--debug-names` qui permet de créer un module `.wasm` avec une section personnalisée `name` :
+
+```bash
+wast2wasm simple-name-section.was -o simple-name-section.wasm --debug-names
+```
+
+## Exemples
+
+Dans l'exemple qui suit (tiré de [ce fichier source](https://github.com/mdn/webassembly-examples/blob/main/other-examples/custom-section.html) et de [cette démonstration](https://mdn.github.io/webassembly-examples/other-examples/custom-section.html)), on compile et on instancie le bytecode `simple-name-section.wasm` et on importe une fonction JavaScript dans le module lors de cette étape. Ensuite, on exporte une fonction depuis le module grâce à `Instance.exports`.
+
+On faut aussi une vérification sur `WebAssembly.Module.customSections` pour vérifier si celle-ci contient une section personnalisée `"name"` dont on vérifie si la longueur est supérieure à 0. Ce module contenant une section `name`, les appels à `console.log()` sont exécutés et montrent que le tableau renvoyé par la méthode contient des objets [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer).
+
+```js
+WebAssembly.compileStreaming(fetch("simple-name-section.wasm")).then((mod) => {
+ const nameSections = WebAssembly.Module.customSections(mod, "name");
+ if (nameSections.length !== 0) {
+ console.log("Module contains a name section");
+ console.log(nameSections[0]);
+ }
+});
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/exports/index.md b/files/fr/webassembly/javascript_interface/module/exports/index.md
deleted file mode 100644
index 2581f9e1ec49ee..00000000000000
--- a/files/fr/webassembly/javascript_interface/module/exports/index.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: WebAssembly.Module.exports()
-slug: WebAssembly/JavaScript_interface/Module/exports
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.Module.exports()`** renvoie un tableau qui contient les descriptions des exports déclarés pour un module donné.
-
-## Syntaxe
-
-```js
-var exports = WebAssembly.Module.exports(module);
-```
-
-### Paramètres
-
-- `module`
- - : Un objet {{jsxref("WebAssembly.Module")}}.
-
-### Valeur de retour
-
-Un tableau qui contient des objets représentants les fonctions exportés du module passé en argument.
-
-### Exceptions
-
-Si l'argument n'est pas une instance de {{jsxref("WebAssembly.Module")}}, une exception {{jsxref("TypeError")}} sera levée.
-
-## Exemples
-
-Dans l'exemple suivant (basé sur le fichier [`index-compile.html`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html) disponible sur GitHub avec [la démonstration correspondante](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)), on compile le _bytecode_ `simple.wasm` grâce à la fonction {{jsxref("WebAssembly.compileStreaming()")}} puis on envoie le résultat à un _[worker](/fr/docs/Web/API/Web_Workers_API)_ grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
-
-```js
-var worker = new Worker("wasm_worker.js");
-
-WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
- worker.postMessage(mod),
-);
-```
-
-Dans le _worker_ (cf. [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js)), on définit un objet d'import pour le module puis on paramètre un gestionnaire d'évènement afin de recevoir le module depuis le _thread_ principal. Lorsqu'on reçoit le module, on en crée une instance via la méthode {{jsxref("WebAssembly.Instantiate()")}} puis on appelle une fonction exportée et enfin, on affiche les informations relatives aux exports disponibles grâce à `WebAssembly.Module.exports`.
-
-```js
-var importObject = {
- imports: {
- imported_func: function (arg) {
- console.log(arg);
- },
- },
-};
-
-onmessage = function (e) {
- console.log("module reçu du thread principal");
- var mod = e.data;
-
- WebAssembly.instantiate(mod, importObject).then(function (instance) {
- instance.exports.exported_func();
- });
-
- var exports = WebAssembly.Module.exports(mod);
- console.log(exports[0]);
-};
-```
-
-La valeur `exports[0]` ressemblera alors à :
-
-```js
-{ name: "exported_func", kind: "function" }
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/exports_static/index.md b/files/fr/webassembly/javascript_interface/module/exports_static/index.md
new file mode 100644
index 00000000000000..00645577320b74
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/module/exports_static/index.md
@@ -0,0 +1,85 @@
+---
+title: WebAssembly.Module.exports()
+slug: WebAssembly/JavaScript_interface/Module/exports_static
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.Module.exports()`** renvoie un tableau qui contient les descriptions des exports déclarés pour un module donné.
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.Module.exports(module)
+```
+
+### Paramètres
+
+- `module`
+ - : Un objet [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module).
+
+### Valeur de retour
+
+Un tableau qui contient des objets représentants les fonctions exportés du module passé en argument.
+
+### Exceptions
+
+Si l'argument n'est pas une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module), une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+
+## Exemples
+
+Dans l'exemple suivant (basé sur le fichier [`index-compile.html`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/index-compile.html) disponible sur GitHub avec [la démonstration correspondante](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)), on compile le bytecode `simple.wasm` grâce à la fonction [`WebAssembly.compileStreaming()`](/fr/docs/WebAssembly/JavaScript_interface/compileStreaming_static) puis on envoie le résultat à un [worker](/fr/docs/Web/API/Web_Workers_API) grâce à la méthode [`postMessage()`](/fr/docs/Web/API/Worker/postMessage).
+
+```js
+const worker = new Worker("wasm_worker.js");
+
+WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) =>
+ worker.postMessage(mod),
+);
+```
+
+Dans le worker (cf. [`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/wasm_worker.js)), on définit un objet d'import pour le module puis on paramètre un gestionnaire d'évènement afin de recevoir le module depuis le thread principal. Lorsqu'on reçoit le module, on en crée une instance via la méthode [`WebAssembly.Instantiate()`](/fr/docs/WebAssembly/JavaScript_interface/instantiate_static) puis on appelle une fonction exportée et enfin, on affiche les informations relatives aux exports disponibles grâce à `WebAssembly.Module.exports`.
+
+```js
+const importObject = {
+ imports: {
+ imported_func(arg) {
+ console.log(arg);
+ },
+ },
+};
+
+onmessage = (e) => {
+ console.log("module received from main thread");
+ const mod = e.data;
+
+ WebAssembly.instantiate(mod, importObject).then((instance) => {
+ instance.exports.exported_func();
+ });
+
+ const exports = WebAssembly.Module.exports(mod);
+ console.log(exports[0]);
+};
+```
+
+La valeur `exports[0]` ressemblera alors à :
+
+```js
+{ name: "exported_func", kind: "function" }
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/imports/index.md b/files/fr/webassembly/javascript_interface/module/imports/index.md
deleted file mode 100644
index ef5a6cf27b9951..00000000000000
--- a/files/fr/webassembly/javascript_interface/module/imports/index.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: WebAssembly.Module.imports()
-slug: WebAssembly/JavaScript_interface/Module/imports
----
-
-{{WebAssemblySidebar}}
-
-La méthode **`WebAssembly.imports()`** renvoie un tableau qui contient les références des fonctions importées qui sont disponibles dans un module WebAssembly donné.
-
-## Syntaxe
-
-```js
-var arrImport = WebAssembly.Module.imports(module);
-```
-
-### Paramètres
-
-- `module`
- - : Une instance de {{jsxref("WebAssembly.Module")}}.
-
-### Valeur de retour
-
-Un tableau qui contient des objets représentant les fonctions importées du module passé en argument.
-
-### Exceptions
-
-Si `module` n'est pas une instance de {{jsxref("WebAssembly.Module")}}, une exception {{jsxref("TypeError")}} sera levée.
-
-## Exemples
-
-Dans l'exemple qui suit, on compile le module `simple.wasm` puis on parcourt ses imports (cf. aussi [le code sur GitHub](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/imports.html) et [l'exemple _live_](https://mdn.github.io/webassembly-examples/js-api-examples/imports.html))
-
-```js
-WebAssembly.compileStreaming(fetch("simple.wasm")).then(function (mod) {
- var imports = WebAssembly.Module.imports(mod);
- console.log(imports[0]);
-});
-```
-
-Le résultat affiché dans la console ressemble alors à :
-
-```js
-{ module: "imports", name: "imported_func", kind: "function" }
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/module/imports_static/index.md b/files/fr/webassembly/javascript_interface/module/imports_static/index.md
new file mode 100644
index 00000000000000..d3143dc78e0f22
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/module/imports_static/index.md
@@ -0,0 +1,60 @@
+---
+title: WebAssembly.Module.imports()
+slug: WebAssembly/JavaScript_interface/Module/imports_static
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.Module.imports()`** renvoie un tableau qui contient les références des fonctions importées qui sont disponibles dans un module WebAssembly donné.
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.Module.imports(module)
+```
+
+### Paramètres
+
+- `module`
+ - : Une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module).
+
+### Valeur de retour
+
+Un tableau qui contient des objets représentant les fonctions importées du module passé en argument.
+
+### Exceptions
+
+Si `module` n'est pas une instance de [`WebAssembly.Module`](/fr/docs/WebAssembly/JavaScript_interface/Module), une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+
+## Exemples
+
+Dans l'exemple qui suit, on compile le module `simple.wasm` puis on parcourt ses imports (cf. aussi [le code sur GitHub](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/imports.html) et [l'exemple live](https://mdn.github.io/webassembly-examples/js-api-examples/imports.html))
+
+```js
+WebAssembly.compileStreaming(fetch("simple.wasm")).then((mod) => {
+ const imports = WebAssembly.Module.imports(mod);
+ console.log(imports[0]);
+});
+```
+
+Le résultat affiché dans la console ressemble alors à :
+
+```js
+{ module: "imports", name: "imported_func", kind: "function" }
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/validate/index.md b/files/fr/webassembly/javascript_interface/validate/index.md
deleted file mode 100644
index fbb01cb325b17a..00000000000000
--- a/files/fr/webassembly/javascript_interface/validate/index.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: WebAssembly.validate()
-slug: WebAssembly/JavaScript_interface/validate
----
-
-{{WebAssemblySidebar}}
-
-La fonction **`WebAssembly.validate()`** permet de valider un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) de _bytecode_ WebAssembly et renvoie un booléen qui indique si le contenu du tableau forme un module WebAssembly valide (`true`) ou non (`false`).
-
-## Syntaxe
-
-```js
-WebAssembly.validate(bufferSource);
-```
-
-### Paramètres
-
-- `bufferSource`
- - : Un [tableau typé](/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray) ou un {{jsxref("ArrayBuffer")}} qui contient le _bytecode_ du module qu'on souhaite valider.
-
-### Valeur de retour
-
-Un booléen qui indique si la source est un code WebAssembly valide (`true`) ou non (`false`).
-
-### Exceptions
-
-Si la valeur passée en argument n'est pas un tableau typé ou un {{jsxref("ArrayBuffer")}}, une exception {{jsxref("TypeError")}} sera levée.
-
-## Exemples
-
-Dans l'exemple suivant, (cf. le fichier `validate.html` du [code source](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/validate.html), ainsi que [l'exemple _live_](https://mdn.github.io/webassembly-examples/js-api-examples/validate.html)), on récupère un module .wasm et on le convertit en un tableau typé. Ensuite, on appelle la méthode `validate()` afin de vérifier si le module est valide.
-
-```js
-fetch("simple.wasm")
- .then((response) => response.arrayBuffer())
- .then(function (bytes) {
- var valid = WebAssembly.validate(bytes);
- console.log(
- "Les octets forment un module " + (valid ? "" : "in") + "valide.",
- );
- });
-```
-
-## Spécifications
-
-{{Specifications}}
-
-## Compatibilité des navigateurs
-
-{{Compat}}
-
-## Voir aussi
-
-- [Le portail WebAssembly](/fr/docs/WebAssembly)
-- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
-- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
diff --git a/files/fr/webassembly/javascript_interface/validate_static/index.md b/files/fr/webassembly/javascript_interface/validate_static/index.md
new file mode 100644
index 00000000000000..b21fb214866fb9
--- /dev/null
+++ b/files/fr/webassembly/javascript_interface/validate_static/index.md
@@ -0,0 +1,58 @@
+---
+title: WebAssembly.validate()
+slug: WebAssembly/JavaScript_interface/validate_static
+l10n:
+ sourceCommit: 292e29ec89933d06416419f8403241b7e34f6555
+---
+
+{{WebAssemblySidebar}}
+
+La méthode statique **`WebAssembly.validate()`** permet de valider un [tableau typé](/fr/docs/Web/JavaScript/Tableaux_typés) de bytecode WebAssembly et renvoie un booléen qui indique si le contenu du tableau forme un module WebAssembly valide (`true`) ou non (`false`).
+
+## Syntaxe
+
+```js-nolint
+WebAssembly.validate(bufferSource)
+```
+
+### Paramètres
+
+- `bufferSource`
+ - : Un [tableau typé](/fr/docs/Web/JavaScript/Reference/Objets_globaux/TypedArray) ou un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) qui contient le bytecode du module qu'on souhaite valider.
+
+### Valeur de retour
+
+Un booléen qui indique si la source est un code WebAssembly valide (`true`) ou non (`false`).
+
+### Exceptions
+
+Si la valeur passée en argument n'est pas un tableau typé ou un [`ArrayBuffer`](/fr/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer), une exception [`TypeError`](/fr/docs/Web/JavaScript/Reference/Global_Objects/TypeError) sera levée.
+
+## Exemples
+
+Dans l'exemple suivant, (cf. le fichier `validate.html` du [code source](https://github.com/mdn/webassembly-examples/blob/main/js-api-examples/validate.html), ainsi que [l'exemple live](https://mdn.github.io/webassembly-examples/js-api-examples/validate.html)), on récupère un module .wasm et on le convertit en un tableau typé. Ensuite, on appelle la méthode `validate()` afin de vérifier si le module est valide.
+
+```js
+fetch("simple.wasm")
+ .then((response) => response.arrayBuffer())
+ .then((bytes) => {
+ const valid = WebAssembly.validate(bytes);
+ console.log(
+ `The given bytes are ${valid ? "" : "not "}a valid Wasm module`,
+ );
+ });
+```
+
+## Spécifications
+
+{{Specifications}}
+
+## Compatibilité des navigateurs
+
+{{Compat}}
+
+## Voir aussi
+
+- [Le portail WebAssembly](/fr/docs/WebAssembly)
+- [Les concepts relatifs à WebAssembly](/fr/docs/WebAssembly/Concepts)
+- [Utiliser l'API JavaScript WebAssembly](/fr/docs/WebAssembly/Using_the_JavaScript_API)
From 2c8d2c5520d02bfa38d15fd85a1df42a9ab05a8d Mon Sep 17 00:00:00 2001
From: hoshi <56116874+u-Hoshi@users.noreply.github.com>
Date: Tue, 21 Nov 2023 09:00:05 +0900
Subject: [PATCH 06/93] Update index.md
fix typo
---
files/ja/web/performance/how_browsers_work/index.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/files/ja/web/performance/how_browsers_work/index.md b/files/ja/web/performance/how_browsers_work/index.md
index c72ed4c72bbe8b..e85f2dbee06c53 100644
--- a/files/ja/web/performance/how_browsers_work/index.md
+++ b/files/ja/web/performance/how_browsers_work/index.md
@@ -23,7 +23,7 @@ l10n:
## ナビゲーション
-*ナビゲーション*はウェブページを読み込むための最初の一歩です。ユーザーが URL をアドレスバーに入力したり、リンクをクリックしたり、またはフォームを送信したり、ページをリクエストするたびごとにナビゲーションが発生します。
+*ナビゲーション*はウェブページを読み込むための最初の一歩です。ユーザーが URL をアドレスバーに入力したり、リンクをクリックしたり、またはフォームを送信したり、ページをリクエストするたびにナビゲーションが発生します。
ウェブのパフォーマンスにおける目標の 1 つは、ナビゲーションが完了するまでの時間を最小限にすることです。理想的な条件下において、一般的にこの時間が長すぎることはありませんが、レイテンシーと帯域幅が遅延を引き起こす邪魔者になる場合があります。
From 7e2b4ebae9d2702d8fc0229e0240b9bdb3d2c083 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO
Date: Wed, 15 Nov 2023 22:38:49 +0900
Subject: [PATCH 07/93] =?UTF-8?q?2023/08/04=20=E6=99=82=E7=82=B9=E3=81=AE?=
=?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
files/ja/web/api/keyboardevent/index.md | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/files/ja/web/api/keyboardevent/index.md b/files/ja/web/api/keyboardevent/index.md
index 9ca6bd28feefe8..cfd0f80ea0dc92 100644
--- a/files/ja/web/api/keyboardevent/index.md
+++ b/files/ja/web/api/keyboardevent/index.md
@@ -2,7 +2,7 @@
title: KeyboardEvent
slug: Web/API/KeyboardEvent
l10n:
- sourceCommit: bbecba9e7d688493adbdc37fc70e02d87adfe371
+ sourceCommit: 56c76424a5edb45f6716ac4ee48861dac8e7ae38
---
{{APIRef("UI Events")}}
@@ -24,7 +24,7 @@ l10n:
### キーボード上の位置
-以下の定数は、キーイベントがキーボードのどの部分から発生したかを識別します。これらは、`KeyboardEvent.DOM_KEY_LOCATION_STANDARD` などとしてアクセスされます。
+以下の定数は、キーイベントがキーボードのどの部分から発生したかを識別します。これらは、 `KeyboardEvent.DOM_KEY_LOCATION_STANDARD` などとしてアクセスされます。
diff --git a/files/fr/learn/accessibility/what_is_accessibility/index.md b/files/fr/learn/accessibility/what_is_accessibility/index.md
index 636798d37042fa..f9a9cf341cec4d 100644
--- a/files/fr/learn/accessibility/what_is_accessibility/index.md
+++ b/files/fr/learn/accessibility/what_is_accessibility/index.md
@@ -53,7 +53,7 @@ Cette catégorie comprend les personnes aveugles, malvoyantes, daltoniennes, etc
- Certains, comme [JAWS](http://www.freedomscientific.com/Products/Blindness/JAWS) (Windows) et [Window Eyes](http://www.gwmicro.com/window-eyes/) (Windows), sont payants.
- D'autres, comme [NVDA](http://www.nvaccess.org/) (Windows), [ChromeVox](http://www.chromevox.com/) (Chrome, Windows et Mac OS X), et [Orca](https://wiki.gnome.org/Projects/Orca) (Linux) sont gratuits.
-- Certains sont intégrés au système d'exploitation, comme [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X et iOS), [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows), [ChromeVox](http://www.chromevox.com/) (sur Chrome OS), et [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- Certains sont intégrés au système d'exploitation, comme [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X et iOS), [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows), [ChromeVox](http://www.chromevox.com/) (sur ChromeOS), et [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
Il est conseillé de se familiariser avec les lecteurs d'écran ; vous devriez installer un lecteur d'écran et expérimenter avec pour comprendre comment il marche. Lisez notre [Guide pour tester les lecteurs d'écrans sur différents navigateurs (en)](/fr/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders) pour avoir plus d'information sur leur utilisation. La vidéo ci-dessous (en anglais) vous donne un bref aperçu de l'experience.
diff --git a/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index 5163822c693f34..7641694b72d737 100644
--- a/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/fr/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -144,7 +144,7 @@ Tous les systèmes d'exploitations possèdent un éditeur de texte basique par d
-
Chrome OS
+
ChromeOS
diff --git a/files/fr/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md b/files/fr/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
index 6641feef1fa5dd..9077ee86c9b4cb 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
+++ b/files/fr/mozilla/add-ons/webextensions/api/runtime/onrestartrequired/index.md
@@ -5,7 +5,7 @@ slug: Mozilla/Add-ons/WebExtensions/API/runtime/onRestartRequired
{{AddonSidebar()}}
-Lancé lorsqu'une application ou le périphérique sur lequel elle s'exécute doit être redémarré. L'application devrait fermer toutes ses fenêtres dans les meilleurs délais pour permettre le redémarrage. Si l'application ne fait rien, un redémarrage sera appliqué après une période de grâce de 24 heures. Actuellement, cet événement est uniquement déclenché pour les applications de kiosque Chrome OS.
+Lancé lorsqu'une application ou le périphérique sur lequel elle s'exécute doit être redémarré. L'application devrait fermer toutes ses fenêtres dans les meilleurs délais pour permettre le redémarrage. Si l'application ne fait rien, un redémarrage sera appliqué après une période de grâce de 24 heures. Actuellement, cet événement est uniquement déclenché pour les applications de kiosque ChromeOS.
## Syntaxe
diff --git a/files/fr/mozilla/add-ons/webextensions/api/runtime/platformos/index.md b/files/fr/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
index 88b863083fb9dc..bfbd271087ea5b 100644
--- a/files/fr/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
+++ b/files/fr/mozilla/add-ons/webextensions/api/runtime/platformos/index.md
@@ -18,7 +18,7 @@ Les valeurs de ce type sont des chaînes. Les valeurs possibles sont:
- `"android"`
- : Le système d'exploitation est sous Android.
- `"cros"`
- - : Le système d'exploitation est sous Chrome OS.
+ - : Le système d'exploitation est sous ChromeOS.
- `"linux"`
- : Le système d'exploitation est sous Linux.
- `"openbsd"`
diff --git a/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.md b/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.md
index 5a7085d9b0756b..0b4b593c38864e 100644
--- a/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.md
+++ b/files/fr/mozilla/add-ons/webextensions/manifest.json/offline_enabled/index.md
@@ -28,7 +28,7 @@ Si l'application ou l'extension doit fonctionner hors ligne. Lorsque Chrome dét
A partir de Chrome 35, les applications (ChromeOS uniquement à partir de 2018) sont supposées activées hors ligne et la valeur par défaut de `"offline_enabled"` est `true` sauf si la permission `"webview"` est demandée.Dans ce cas, la connectivité réseau est supposée nécessaire et `"offline_enabled"` par défaut est `false`.
-La valeur `"offline_enabled"` est également utilisée pour déterminer si un contrôle de connectivité réseau sera effectué lors du lancement d'une application en [mode Chrome OS kiosk](https://developer.chrome.com/apps/manifest/kiosk_enabled). Une vérification de la connectivité réseau sera effectuée lorsque les applications ne sont pas activées hors ligne, et le lancement de l'application sera mis en attente jusqu'à ce que l'appareil obtienne la connectivité à Internet.
+La valeur `"offline_enabled"` est également utilisée pour déterminer si un contrôle de connectivité réseau sera effectué lors du lancement d'une application en [mode ChromeOS kiosk](https://developer.chrome.com/apps/manifest/kiosk_enabled). Une vérification de la connectivité réseau sera effectuée lorsque les applications ne sont pas activées hors ligne, et le lancement de l'application sera mis en attente jusqu'à ce que l'appareil obtienne la connectivité à Internet.
## Compatibilité des navigateurs
diff --git a/files/ja/learn/accessibility/what_is_accessibility/index.md b/files/ja/learn/accessibility/what_is_accessibility/index.md
index b3125825f5b46b..6861497e4c3f77 100644
--- a/files/ja/learn/accessibility/what_is_accessibility/index.md
+++ b/files/ja/learn/accessibility/what_is_accessibility/index.md
@@ -51,7 +51,7 @@ l10n:
- 有償の商用製品、例えば [JAWS](https://www.freedomscientific.com/Products/software/JAWS/) (Windows) や [Dolphin Screen Reader](https://yourdolphin.com/en-gb/products/individuals/screen-reader) (Windows).
- 無償の製品、例えば [NVDA](https://www.nvaccess.org/) (Windows), [ChromeVox](https://support.google.com/chromebook/answer/7031755) (Chrome, Windows Mac OS X), や [Orca](https://wiki.gnome.org/Projects/Orca) (Linux).
-- OS に組み込まれたもの、例えば [VoiceOver](https://www.apple.com/accessibility/vision/) (Mac OS X と iPadOS と iOS), [Narrator](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) (Windows), [ChromeVox](http://www.chromevox.com/) (Chrome OS), や [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- OS に組み込まれたもの、例えば [VoiceOver](https://www.apple.com/accessibility/vision/) (Mac OS X と iPadOS と iOS), [Narrator](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) (Windows), [ChromeVox](http://www.chromevox.com/) (ChromeOS), や [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
スクリーンリーダーに精通するのは良い考えです; スクリーンリーダーをセットアップして試してみて、その動作方法を理解するべきです。 [クロスブラウザーテストのスクリーンリーダーのガイド](/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#screen_readers) を見ると詳しい使い方がわかります。下記の動画も、その体験がどのようなものかの簡単な例です。
diff --git a/files/ja/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/ja/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index dd5a9a1ec3f758..2f558a07aac7ee 100644
--- a/files/ja/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/ja/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -153,7 +153,7 @@ _利用可能なアクティブラーニングはまだありません。[ぜひ
diff --git a/files/ko/learn/accessibility/what_is_accessibility/index.md b/files/ko/learn/accessibility/what_is_accessibility/index.md
index fa4fe954d342e8..421fd5373507c0 100644
--- a/files/ko/learn/accessibility/what_is_accessibility/index.md
+++ b/files/ko/learn/accessibility/what_is_accessibility/index.md
@@ -55,7 +55,7 @@ l10n:
- [JAWS](https://www.freedomscientific.com/Products/software/JAWS/) (Windows) and [Dolphin Screen Reader](https://yourdolphin.com/en-gb/products/individuals/screen-reader) (Windows) 와 [Dolphin Screen Reader](https://yourdolphin.com/ScreenReader) (Windows) 같은 상업 소프트웨어
- [NVDA](https://www.nvaccess.org/) (Windows), [ChromeVox](https://support.google.com/chromebook/answer/7031755) (Chrome), 그리고 [Orca](https://wiki.gnome.org/Projects/Orca) (Linux)와 같은 무료 소프트웨어
-- [VoiceOver](https://www.apple.com/accessibility/vision/) (macOS, iPadOS, iOS), [Narrator](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) (Windows), [ChromeVox](https://www.chromevox.com/) (on Chrome OS), 그리고 [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android)와 같은 OS 자체 소프트웨어
+- [VoiceOver](https://www.apple.com/accessibility/vision/) (macOS, iPadOS, iOS), [Narrator](https://support.microsoft.com/en-us/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1) (Windows), [ChromeVox](https://www.chromevox.com/) (on ChromeOS), 그리고 [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android)와 같은 OS 자체 소프트웨어
이런 스크린 리더에 익숙해지기를 권장합니다. 직접 설치하고 다루어보면서 어떻게 동작하는지 감을 익혀보면 좋습니다. [Cross-browser testing screen readers guide](/ko/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders)에서 사용 방법에 대한 더 자세한 내용을 확인할 수 있습니다. 아래의 영상에서도 이 경험에 대한 간단한 예시를 보여줍니다.
diff --git a/files/ko/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/ko/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index 03b7e24e434a35..769b674c94ab89 100644
--- a/files/ko/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/ko/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -48,7 +48,7 @@ _There is no active learning available yet. [Please, consider contributing](/ko/
| Windows | [Notepad](http://en.wikipedia.org/wiki/Notepad_%28software%29) | [Notepad++](http://notepad-plus-plus.org/)[Visual Studio Code](https://www.visualstudio.com/)[Web Storm](https://www.jetbrains.com/webstorm/)[Brackets](http://brackets.io/)[ShiftEdit](https://shiftedit.net/) |
| Mac OS | [TextEdit](http://en.wikipedia.org/wiki/TextEdit) | [TextWrangler](http://www.barebones.com/products/textwrangler/)[Visual Studio Code](https://www.visualstudio.com/)[Brackets](http://brackets.io/)[ShiftEdit](https://shiftedit.net/) |
| Linux | [Vi](http://en.wikipedia.org/wiki/Vi) (All UNIX) [GEdit](http://en.wikipedia.org/wiki/Gedit) (Gnome) [Kate](http://en.wikipedia.org/wiki/Kate_%28text_editor%29) (KDE) [LeafPad]() (Xfce) | [Emacs](http://www.gnu.org/software/emacs/) [Vim](http://www.vim.org/)[Visual Studio Code](https://www.visualstudio.com/)[Brackets](http://brackets.io/)[ShiftEdit](https://shiftedit.net/) |
-| Chrome OS | | [ShiftEdit](https://shiftedit.net/) |
+| ChromeOS | | [ShiftEdit](https://shiftedit.net/) |
이것은 하나의 고급 텍스트 에디터의 스크린샷입니다:
@@ -96,7 +96,7 @@ _There is no active learning available yet. [Please, consider contributing](/ko/
diff --git a/files/ko/web/media/formats/video_codecs/index.md b/files/ko/web/media/formats/video_codecs/index.md
index efa81400eeb1b2..0fcaf1533c4d4c 100644
--- a/files/ko/web/media/formats/video_codecs/index.md
+++ b/files/ko/web/media/formats/video_codecs/index.md
@@ -1039,7 +1039,7 @@ HEVC는 상용 포맷이며 여러 특허로 보호받고 있습니다. [MPEG LA
\[1] Firefox supports MP4V-ES in [3GP](/ko/docs/Web/Media/Formats/Containers#3GP) containers only.
-\[2] Chrome does not support MP4V-ES; however, Chrome OS does.
+\[2] Chrome does not support MP4V-ES; however, ChromeOS does.
### MPEG-1 Part 2 Video
diff --git a/files/pt-br/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/pt-br/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index 6cb87b4897711a..17782d0e53ff0d 100644
--- a/files/pt-br/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/pt-br/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -139,7 +139,7 @@ Todos os sistemas operacionais _desktop_ possuem um editor de texto básico. Tod
-
Chrome OS
+
ChromeOS
@@ -220,7 +220,7 @@ Fazer _upload_ de arquivos para um servidor _web_ é um importante passo durante
-
Chrome OS
+
ChromeOS
diff --git a/files/ru/learn/accessibility/what_is_accessibility/index.md b/files/ru/learn/accessibility/what_is_accessibility/index.md
index 2762e7934039c3..bdadbd97d9dc59 100644
--- a/files/ru/learn/accessibility/what_is_accessibility/index.md
+++ b/files/ru/learn/accessibility/what_is_accessibility/index.md
@@ -38,7 +38,7 @@ slug: Learn/Accessibility/What_is_accessibility
- Некоторые платные коммерческие продукты, такие как [JAWS](http://www.freedomscientific.com/Products/Blindness/JAWS) (Windows) и [Window Eyes](http://www.gwmicro.com/window-eyes/) (Windows).
- Некоторые бесплатные продукты, такие как [NVDA](http://www.nvaccess.org/) (для Windows), [ChromeVox](http://www.chromevox.com/) (браузер Chrome, Windows и Mac ОС Х) и [Orca](https://wiki.gnome.org/Projects/Orca) (Linux).
-- Некоторые из них встроены в операционную систему, например [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X и iOS), [Экранный диктор](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)([Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)) (Microsoft Windows), [ChromeVox](http://www.chromevox.com/) (в Chrome OS) и [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- Некоторые из них встроены в операционную систему, например [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X и iOS), [Экранный диктор](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)([Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started)) (Microsoft Windows), [ChromeVox](http://www.chromevox.com/) (в ChromeOS) и [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
Хорошая идея ознакомиться с экранными дикторами; вы можете настроить экранный считыватель и поиграть с ним, чтобы получить представление о том, как это работает. Более подробную информацию об их использовании см. в [руководстве по кросс-браузерному тестированию](/ru/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Screenreaders). Видео ниже предоставляет краткий пример взаимодействия с экранными читателями.
diff --git a/files/zh-cn/learn/accessibility/what_is_accessibility/index.md b/files/zh-cn/learn/accessibility/what_is_accessibility/index.md
index 389e3b019beac8..f54b46742ff17d 100644
--- a/files/zh-cn/learn/accessibility/what_is_accessibility/index.md
+++ b/files/zh-cn/learn/accessibility/what_is_accessibility/index.md
@@ -47,7 +47,7 @@ slug: Learn/Accessibility/What_is_accessibility
- 有些是付费产品，比如 [JAWS](http://www.freedomscientific.com/Products/Blindness/JAWS) (Windows) 和 [Window Eyes](http://www.gwmicro.com/window-eyes/) (Windows).
- 有些是免费产品，比如 [NVDA](http://www.nvaccess.org/) (Windows)， [ChromeVox](http://www.chromevox.com/) (Chrome, Windows 和 Mac OS X)，和 [Orca](https://wiki.gnome.org/Projects/Orca) (Linux).
-- 有些内置在操作系统中，比如 [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X and iOS)， [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows)， [ChromeVox](http://www.chromevox.com/) (on Chrome OS)，和 [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
+- 有些内置在操作系统中，比如 [VoiceOver](http://www.apple.com/accessibility/osx/voiceover/) (Mac OS X and iOS)， [Narrator](https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started) (Microsoft Windows)， [ChromeVox](http://www.chromevox.com/) (on ChromeOS)，和 [TalkBack](https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback) (Android).
让自己熟悉屏幕阅读器是个好主意；你还应该设置一个屏幕阅读器并充分的使用它（盘它），以了解它是如何工作的。请参阅我们的[跨浏览器屏幕阅读器测试向导](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing/%E5%8F%AF%E8%AE%BF%E9%97%AE%E6%80%A7#%E5%B1%8F%E5%B9%95%E9%98%85%E8%AF%BB%E5%99%A8)，以了解更多使用它们的细节。下面的视频还提供了一个简单的例子说明了体验是怎样的。
diff --git a/files/zh-cn/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md b/files/zh-cn/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
index 145622a8851e4c..7dc03a76a83d29 100644
--- a/files/zh-cn/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
+++ b/files/zh-cn/learn/common_questions/tools_and_setup/what_software_do_i_need/index.md
@@ -130,7 +130,7 @@ _现在还没有自主学习活动。请[考虑投稿](/zh-CN/docs/MDN/Community
-每一种格式缩写都有一个详细说明，其功能以及详细的浏览器兼容信息，包括哪个版本引入支持以及以后可能会引入的特殊功能。
+> **备注：** 每种图像格式的缩写可链接到有关该格式的较长描述、其功能和详细的浏览器兼容性信息（包括哪些版本引入了支持以及后来可能引入的特定特殊功能）。
-## 图像文件格式详介
+> **备注：** Safari 11.1 新增了使用视频格式替代 gif 动画的功能，而其他浏览器没有添加这方面的支持。详见 [Chromium bug](https://crbug.com/791658) 和 [Firefox bug](https://bugzil.la/895131) 以了解更多信息。
-The following sections provide a brief overview of each of the image file types supported by web browsers.
+## 图像文件类型详介
-In the tables below, the term **bits per component** refers to the number of bits used to represent each color component. For example, an RGB color depth of 8 indicates that each of the red, green, and blue components are represented by an 8-bit value. **Bit depth**, on the other hand, is the total number of bits used to represent each pixel in memory.
+下文将简要介绍 web 浏览器支持的每种图像文件类型。
-### APNG (Animated Portable Network Graphics)
+在下表中，**每分量比特**是指用于表示每种色彩分量的比特数。例如，RGB 颜色深度为 8 表示红、绿、蓝三原色各用 8 位数值表示。另一方面，**比特深度**是指用于表示内存中每个像素的总比特数。
-APNG is a file format first introduced by Mozilla which extends the [PNG](#png_portable_network_graphics) standard to add support for animated images. Conceptually similar to the animated GIF format which has been in use for decades, APNG is more capable in that it supports a variety of [color depths](https://zh.wikipedia.org/wiki/color_depth), whereas animated GIF supports only 8-bit [indexed color](https://zh.wikipedia.org/wiki/indexed_color).
+### APNG（动态可移植网络图形）
-APNG is ideal for basic animations that do not need to synchronize to other activities or to a sound track, such as progress indicators, activity [throbbers](https://zh.wikipedia.org/wiki/throbber), and other animated sequences. For example, APNG is [one of the formats supported when creating animated stickers](https://developer.apple.com/stickers/) for Apple's iMessage application (and the Messages application on iOS). They're also commonly used for the animated portions of web browsers' user interfaces.
+APNG 是 Mozilla 首次推出的一种文件格式，它扩展了 [PNG](#png（便携式网络图形）) 标准，增加了对动画图像的支持。在概念上，APNG 与已经使用了几十年的动画 GIF 格式相似，但 APNG 的功能更强，它支持多种[颜色深度](https://zh.wikipedia.org/wiki/色彩深度)，而动画 GIF 只支持 8 位[索引颜色](https://zh.wikipedia.org/wiki/索引顏色)。
+
+APNG 适用于无需与其他活动或音轨同步的基本动画，如进度指示器、活动[加载器](https://en.wikipedia.org/wiki/throbber)和其他动画序列。例如，APNG 是苹果 iMessage 应用程序（和 iOS 上的“信息”应用程序）[创建动画贴纸时支持的格式之一](https://developer.apple.com/stickers/)。它们也常用于 web 浏览器用户界面的动画部分。
@@ -58,11 +182,11 @@ APNG is ideal for basic animations that do not need to synchronize to other acti
浏览器兼容性
-
Chrome 59, Edge 12, Firefox 3, Opera 46, Safari 8
+
Chrome 59、Edge 12、Firefox 3、Opera 46、Safari 8
最高分辨率
-
2,147,483,647×2,147,483,647 pixels
+
2,147,483,647×2,147,483,647 像素
支持的颜色模式
@@ -71,57 +195,46 @@ APNG is ideal for basic animations that do not need to synchronize to other acti
颜色模式
-
Bits per component (D)
+
每分量比特（D）
描述
-
Greyscale
-
1, 2, 4, 8, and 16
+
灰度
+
1、2、4、8 和 16
- Each pixel consists of a single D-bit value indicating
- the brightness of the greyscale pixel.
+ 每个像素由一个 D 位值组成，表示灰度像素的亮度。
-
True color
-
8 and 16
+
真彩色
+
8 和 16
- Each pixel is represented by three D-bit values
- indicating the level of the red, green, and blue color
- components.
+ 每个像素由三个 D 位值表示，分别代表红、绿、蓝三色的色阶。
-
Indexed color
-
1, 2, 4, and 8
+
索引颜色
+
1、2、4 和 8
- Each pixel is a D-bit value indicating an index into a
- color palette which is contained within a
- D 位值，表示调色板的索引，调色板包含在 APNG 文件的 PLTE
- chunk in the APNG file; the colors in the palette all use an
- 8-bit depth.
+ > 块中；调色板中的颜色都使用 8 位深度。
-
Greyscale with alpha
-
8 and 16
+
带有透明度的灰度值
+
8 和 16
- Each pixel is represented by two D-bit values: the
- intensity of the greyscale pixel and an alpha sample, indicating
- how opaque the pixel is.
+ 每个像素由两个 D 位值表示：灰度像素的强度和表示像素不透明程度的 alpha 样本。
-
True color with alpha
-
8 and 16
+
带有透明度的真彩色
+
8 和 16
- Each pixel is comprised of four D-pixel color
- components: red, green, blue, and the alpha sample indicating
- how opaque the pixel is.
+ 每个像素由四个 D 像素颜色成分组成：红色、绿色、蓝色和表示像素不透明程度的 alpha 样本。
@@ -130,33 +243,121 @@ APNG is ideal for basic animations that do not need to synchronize to other acti
-### BMP (Bitmap file)
+### AVIF 图像
+
+AV1 图像文件格式（AVIF）是一种功能强大、开源、免版税的文件格式，它在高效图像文件格式（HEIF）容器中对 AV1 比特流进行编码。
-The **BMP** (**Bitmap image**) file type is most prevalent on Windows computers, and is generally used only for special cases in web apps and content.
+> **备注：** AVIF 有可能成为在 web 内容中共享图像的“下一件大事”。它具有最先进的特性和性能，却没有阻碍同类替代产品发展的复杂许可和专利使用费的束缚。
-> **警告：** You should typically avoid using BMP for web site content, as it's not a generally-accepted use of the format.
+AV1 是一种编码格式，最初设计用于在互联网上传输视频。该格式得益于近年来视频编码技术的长足进步，并有可能受益于对硬件渲染的相关支持。不过，在某些情况下它也有缺点，因为视频和图像编码有一些不同的要求。
-BMP theoretically supports a variety of internal data representations. The simplest, and most commonly used, form of BMP file is an uncompressed raster image, with each pixel occupying 3 bytes representing its red, green, and blue components, and each row padded with `0x00` bytes to a multiple of 4 bytes wide.
+该格式可以提供：
-While other data representations are defined in the specification, they are not widely used and often completely unimplemented. These features include: support for different bit depths, indexed color, alpha channels, and different pixel orders (by default, BMP is written from bottom-left corner toward the right and top, rather than from the top-left corner toward the right and bottom).
+- 与 JPG 和 PNG 相比，在视觉上相似的压缩水平下，有损压缩效果极佳（例如，有损 AVIF 图像比 JPEG 图像小 50%）。
+- 一般来说，AVIF 比 WebP 有更好的压缩效果。对于相同的 JPG 图像集，中值压缩率为 50%，而 WebP 为 30%（资料来源：[AVIF 与 WebP 的对比](https://www.ctrl.blog/entry/webp-avif-comparison.html)（CTRL 博客））。
+- 无损压缩。
+- 动画/多图像存储（类似于 GIF 动画，但压缩效果更好）
+- 支持 Alpha 通道（即透明）。
+- _高动态范围（HDR）_：支持存储图像，使图像最亮和最暗部分之间的对比度更大。
+- 宽色域：支持包含更大色彩范围的图像。
-Theoretically, several compression algorithms are supported, and the image data can also be stored in [JPEG](#jpeg_joint_photographic_experts_group_image) or [PNG](#png_portable_network_graphics) format within the BMP file.
+AVIF 不支持渐进式渲染，因此文件必须完全下载后才能显示。这通常对真实世界的用户体验影响不大，因为 AVIF 文件比同等的 JPEG 或 PNG 文件小得多，因此下载和显示的速度也快得多。文件大小越大，影响就越大，因此应考虑使用支持渐进式渲染的格式。
+
+Chrome、Opera、Safari 和 Firefox 支持 AVIF（Firefox 支持静态图像，但不支持动画），但 Edge 和 IE 不支持。由于支持尚不全面（而且没有什么历史深度），应使用 [`` 元素](/zh-CN/docs/Web/HTML/Element/picture)（或其他方法）提供 [WebP](#webp_图像)、[JPEG](#jpeg（联合图像专家小组图像）) 或 [PNG](#png（便携式网络图形）) 格式的回退。
+
+
- All versions of Chrome, Edge, Firefox, Internet Explorer, Opera, and
- Safari
+ Chrome、Edge、Firefox、Internet Explorer、Opera 和 Safari 的所有版本。
-
最高分辨率
+
最大尺寸
- Either 32,767×32,767 or 2,147,483,647×2,147,483,647 pixels, depending on
- the format version
+ 32,767×32,767 像素或 2,147,483,647×2,147,483,647 像素，取决于格式版本
@@ -200,47 +394,42 @@ Theoretically, several compression algorithms are supported, and the image data
颜色模式
-
Bits per component (D)
+
每分量比特（D）
描述
-
Greyscale
+
灰度
1
- Each bit represents a single pixel, which can be either black or
- white.
+ 每个比特代表一个像素，可以是黑色或白色。
-
True color
-
8 and 16
+
真彩色
+
8 和 16
- Each pixel is represented by three values representing the red,
- green, and blue color components; each is D bits.
+ 每个像素由三个值表示，分别代表红色、绿色和蓝色，每个值为 D 位。
-
Indexed color
-
2, 4, and 8
+
索引颜色
+
2、4 和 8
- Each pixel is represented by a value which is one 2, 4, or 8
- bits, serving as an index into the color table.
+ 每个像素由一个 2、4 或 8 位的值表示，作为色彩表的索引。
-
Greyscale with alpha
+
带有灰度的真彩色
n/a
-
BMP has no distinct grayscale format.
+
BMP 没有明显的灰度格式。
-
True color with alpha
-
8 and 16
+
带有透明度的真彩色
+
8 和 16
- Each pixel is represented by four values representing the red,
- green, blue, and alpha color components; each is
- D bits.
+ 每个像素由四个值表示，分别代表红、绿、蓝和 alpha 颜色成分；每个值为 D 位。
@@ -250,41 +439,33 @@ Theoretically, several compression algorithms are supported, and the image data
压缩
- Several compression methods are supported, including lossy or lossless
- algorithms
+ 支持多种压缩方法，包括有损或无损算法
-
授权
+
许可
- Covered by the
- Microsoft Open Specification Promise; while Microsoft holds patents against BMP, they have published a
- promise not to assert its patent rights as long as specific conditions
- are met. This is not the same as a license, however. BMP is included
- under the Windows Metafile Format (.wmf).
+ 由 Microsoft Open Specification Promise 记载，虽然微软拥有针对 BMP 的专利，但他们已公布了一项承诺，只要满足特定条件，他们就不会主张其专利权。但这并不等同于许可。BMP 包含在 Windows 元文件格式（.wmf）中。
-### GIF (Graphics Interchange Format)
+### GIF（图像互换格式）
-In 1987, the CompuServe online service provider introduced the **[GIF](https://zh.wikipedia.org/wiki/GIF)** (**Graphics Interchange Format**) image file format to provide a compressed graphics format that all members of their service would be able to use. GIF uses the [Lempel-Ziv-Welch](https://zh.wikipedia.org/wiki/Lempel-Ziv-Welch) (LZW) algorithm to losslessly compress 8-bit indexed color graphics. GIF was one of the first two graphics formats supported by {{Glossary("HTML")}}, along with [XBM](#xbm_x_window_system_bitmap_file).
+1987 年，CompuServe 在线服务提供商推出了 **[GIF](https://zh.wikipedia.org/wiki/GIF)**（**图像互换格式**）图像文件格式，为其服务的所有成员提供一种可使用的压缩图形格式。GIF 使用 [Lempel-Ziv-Welch](https://zh.wikipedia.org/wiki/LZW)（LZW）算法对 8 位索引彩色图形进行无损压缩。GIF 和 [XBM](#xbm_x_window_系统位图文件) 是 {{Glossary("HTML")}} 最早支持的两种图形格式之一。
-Each pixel in a GIF is represented by a single 8-bit value serving as an index into a palette of 24-bit colors (8 bits each of red, green, and blue). The length of a color table is always a power of 2 (that is, each palette has 2, 4, 8, 16, 32, 64, or 256 entries). To simulate more than 255 or 256 colors, [dithering](https://zh.wikipedia.org/wiki/dithering) is generally used. It is [technically possible](https://gif.ski/) to tile multiple image blocks, each with its own color palette, to create truecolor images, but in practice this is rarely done.
+GIF 中的每个像素都由一个 8 位值表示，作为 24 位颜色（红、绿、蓝各 8 位）调色板的索引。颜色表的长度总是 2 的幂次（即每个调色板有 2、4、8、16、32、64 或 256 个条目）。要模拟 255 或 256 色以上的颜色，一般使用[抖动]()。[技术上可以](https://gif.ski/)对多个图像块进行平铺，每个图像块都有自己的调色板，以创建真彩色图像，但在实践中很少这样做。
-Pixels are opaque, unless a specific color index is designated as transparent, in which case pixels colored that value are entirely transparent.
+像素是不透明的，除非特定的颜色指数被指定为透明，在这种情况下，染上该值的像素是完全透明的。
-GIF supports simple animation, in which following an initial full-size frame, a series of images reflecting the parts of the image that change with each frame are provided.
+GIF 支持简单的动画，即在最初的全尺寸帧之后，提供一系列反映每帧图像变化部分的图像。
-GIF has been extremely popular for decades, due to its simplicity and compatibility. Its animation support caused a resurgence in its popularity in the social media era, when animated GIFs began to be widely used for short "videos", memes, and other simple animation sequences.
+几十年来，GIF 因其简洁性和兼容性而广受欢迎。在社交媒体时代，GIF 动画开始被广泛用于制作短“视频”、备忘录和其他简单的动画序列。
-Another popular feature of GIF is support for [interlacing](), where rows of pixels are stored out of order so that partially-received files can be displayed in lower quality. This is particularly useful when network connections are slow.
+GIF 的另一个流行特性是支持[隔行扫描]()，即像素行的存储顺序会被打乱，因此部分接收的文件可以较低的质量显示。这在网络连接速度较慢时尤其有用。
-GIF is a good choice for simple images and animations, although converting full color images to GIF can result in unsatisfactory dithering. Typically, modern content should use [PNG](#png_portable_network_graphics) for lossless _and_ indexed still images, and should consider using [APNG](#apng_animated_portable_network_graphics) for lossless animation sequences.
+GIF 是简单图像和动画的不错选择，不过将全彩图像转换为 GIF 可能会导致不理想的抖动。通常情况下，现代内容应使用 [PNG](#png（便携式网络图形）) 制作无损*和*索引静态图像，并应考虑使用 [APNG](#apng（动态可移植网络图形）) 制作无损动画序列。
@@ -293,29 +474,24 @@ GIF is a good choice for simple images and animations, although converting full
- All versions of Chrome, Edge, Firefox, Internet Explorer, Opera, and
- Safari
+ Chrome、Edge、Firefox、Internet Explorer、Opera 和 Safari 浏览器的所有版本
-
最高分辨率
-
65,536×65,536 pixels
+
最大尺寸
+
65,536×65,536 像素
支持的颜色模式
@@ -324,38 +500,37 @@ GIF is a good choice for simple images and animations, although converting full
颜色模式
-
Bits per component (D)
+
每分量比特（D）
描述
-
Greyscale
+
灰度
n/a
-
GIF does not include a dedicated greyscale format.
+
GIF 不包括专用的灰度格式。
-
True color
+
真彩色
n/a
-
GIF does not support true color pixels.
+
GIF 不支持真彩色像素。
-
Indexed color
+
索引颜色
8
- Each color in a GIF palette is defined as 8 bits each of red,
- green, and blue (24 total bits per pixel).
+ GIF 调色板中的每种颜色定义为红、绿、蓝各 8 位（每个像素共 24 位）。
-
Greyscale with alpha
+
带有灰度的真彩色
n/a
-
GIF does not provide a dedicated greyscale format.
+
GIF 不提供专用的灰度格式。
-
True color with alpha
+
带有透明度的真彩色
n/a
-
GIF does not support true color pixels.
+
GIF 不支持真彩色像素。
@@ -363,38 +538,35 @@ GIF is a good choice for simple images and animations, although converting full
压缩
-
Lossless (LZW)
+
无损 (LZW)
-
授权
+
许可
- While the GIF format itself is open, the LZW compression algorithm was
- covered by patents until the early 2000s. As of July 7, 2004, all
- relevant patents have expired and the GIF format may be used freely
+ 虽然 GIF 格式本身是开放的，但 LZW 压缩算法在本世纪初之前一直受专利保护。截至 2004 年 7 月 7 日，所有相关专利都已过期，GIF 格式可以自由使用。
-### ICO (Microsoft Windows icon)
+### ICO（Microsoft Windows 图标）
-The ICO (Microsoft Windows icon) file format was designed by Microsoft for desktop icons of Windows systems. However, early versions of Internet Explorer introduced the ability for a web site to provide a ICO file named `favicon.ico` in a web site's root directory to specify a **[favicon](/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#Adding_custom_icons_to_your_site)** — an icon to be displayed in the Favorites menu, and other places where an iconic representation of the site would be useful.
+ICO（Microsoft Windows 图标）文件格式是微软为 Windows 系统的桌面图标而设计的。不过，早期版本的 Internet Explorer 允许网站在其根目录中提供名为 `favicon.ico` 的 ICO 文件，以指定一个 **[favicon](/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#在你的站点增加自定义图标)**——一个显示在收藏夹菜单和其他对网站图标有用的地方的图标。
-An ICO file can contain multiple icons, and begins with a directory listing details about each. Following the directory comes the data for the icons. Each icon's data can be either a [BMP](#bmp_bitmap_file) image without the file header, or a complete [PNG](#png_portable_network_graphics) image (including the file header). If you use ICO files, you should use the BMP format, as support for PNG inside ICO files wasn't added until Windows Vista and may not be well supported.
+一个 ICO 文件可以包含多个图标，文件开头有一个目录，列出每个图标的详细信息。目录之后是图标的数据。每个图标的数据既可以是不带文件头的 [BMP](#bmp（位图文件）) 图像，也可以是完整的 [PNG](#png（便携式网络图形）) 图像（包括文件头）。如果使用 ICO 文件，则应使用 BMP 格式，因为直到 Windows Vista 才添加了对 ICO 文件内的 PNG 的支持，而且这种支持可能并不完善。
-> **警告：** ICO files _should not_ be used in web content. Additionally, their use for favicons has subsided in favor of using a PNG file and the {{HTMLElement("link")}} element, as described in [Providing icons for different usage contexts](/zh-CN/docs/Web/HTML/Element/link#提供用于不同用法上下文的图标).
+> **警告：** ICO 文件*不应*用于网页内容。此外，如[为不同的使用环境提供图标](/zh-CN/docs/Web/HTML/Element/link#提供用于不同用法上下文的图标)所述，它们作为网站图标的使用已经减少，转而使用 PNG 文件和 {{HTMLElement("link")}} 元素。
MIME 类型
- image/vnd.microsoft.icon (official),
- image/x-icon (used by Microsoft)
+ image/vnd.microsoft.icon（官方格式），image/x-icon（由 Microsoft 使用）
-
文件拓展名
+
文件扩展名
.ico
@@ -404,123 +576,104 @@ An ICO file can contain multiple icons, and begins with a directory listing deta
浏览器兼容性
- All versions of Chrome, Edge, Firefox, Internet Explorer, Opera, and
- Safari
+ Chrome、Edge、Firefox、Internet Explorer、Opera 和 Safari 浏览器的所有版本
-
最高分辨率
-
256×256 pixels
+
最大尺寸
+
256×256 像素
支持的颜色模式
- Icons in BMP format
+ BMP 格式的图标
颜色模式
-
Bits per component (D)
+
每分量比特（D）
描述
-
Greyscale
+
灰度
1
- Each bit represents a single pixel, which can be either black or
- white.
+ 每个比特代表一个像素，可以是黑色或白色。
-
True color
-
8 and 16
+
真彩色
+
8 和 16
- Each pixel is represented by three values representing the red,
- green, and blue color components; each is D bits.
+ 每个像素由三个值表示，分别代表红色、绿色和蓝色，每个值为 D 位。
-
Indexed color
-
2, 4, and 8
+
索引颜色
+
2、4 和 8
- Each pixel is represented by a value which is one 2, 4, or 8
- bits, serving as an index into the color table.
+ 每个像素由一个 2、4 或 8 位的值表示，作为色彩表的索引。
-
Greyscale with alpha
+
带有灰度的真彩色
n/a
-
BMP has no distinct grayscale format.
+
BMP 没有明显的灰度格式。
-
True color with alpha
-
8 and 16
+
带有透明度的真彩色
+
8 和 16
- Each pixel is represented by four values representing the red,
- green, blue, and alpha color components; each is
- D bits.
+ BMP 没有明显的灰度格式。每个像素由四个值表示，分别代表红、绿、蓝和 Alpha 颜色分量；每个值为 D 位。
- Icons in PNG format
+ PNG 格式的图标
颜色模式
-
Bits per component (D)
+
每分量比特（D）
描述
-
Greyscale
-
1, 2, 4, 8, and 16
+
灰度
+
1、2、4、8 和 16
- Each pixel consists of a single D-bit value indicating
- the brightness of the greyscale pixel.
+ 每个像素由一个 D 位值组成，表示灰度像素的亮度。
-
True color
-
8 and 16
+
真彩色
+
8 和 16
- Each pixel is represented by three D-bit values
- indicating the level of the red, green, and blue color
- components.
+ 每个像素由三个D位值表示，分别代表红、绿、蓝三色的色阶。
-
Indexed color
-
1, 2, 4, and 8
+
索引颜色
+
1、2、4 和 8
- Each pixel is a D-bit value indicating an index into a
- color palette which is contained within a
- PLTE
- chunk in the APNG file; the colors in the palette all use an
- 8-bit depth.
+ 每个像素都是一个 D 位值，表示调色板的索引，调色板包含在 APNG 文件的 PLTE 块中；调色板中的颜色都使用 8 位深度。
-
Greyscale with alpha
-
8 and 16
+
带有灰度的真彩色
+
8 和 16
- Each pixel is represented by two D-bit values: the
- intensity of the greyscale pixel and an alpha sample, indicating
- how opaque the pixel is.
+ 每个像素由两个 D 位值表示：灰度像素的强度和表示像素不透明程度的 Alpha 样本。
-
True color with alpha
-
8 and 16
+
带有透明度的真彩色
+
8 和 16
- Each pixel is comprised of four D-pixel color
- components: red, green, blue, and the alpha sample indicating
- how opaque the pixel is.
+ 每个像素由四个 D 像素颜色成分组成：红色、绿色、蓝色和表示像素不透明程度的 alpha 样本。
@@ -530,22 +683,21 @@ An ICO file can contain multiple icons, and begins with a directory listing deta
压缩
- BMP-format icons nearly always use lossless compression, but lossy
- methods are available. PNG icons are always compressed losslessly.
+ BMP 格式的图标几乎总是使用无损压缩，但也有有损压缩方法。PNG 图标始终使用无损压缩。
-
授权
+
许可
—
-### JPEG (Joint Photographic Experts Group image)
+### JPEG（联合图像专家小组图像）
-The {{Glossary("JPEG")}} (typically pronounced "**jay-peg**") image format is currently the most widely used lossy compression format for still images. It's particulary useful for photographs; applying lossy compression to content requiring sharpness, like diagrams or charts, can produce unsatisfactory results.
+{{Glossary("JPEG")}}（通常发音为“**jay-peg**”）图像格式是目前最广泛使用的静态图像有损压缩格式。它尤其适用于照片；将有损压缩应用于需要清晰度的内容，如图表，可能会产生令人不满意的效果。
-JPEG is actually a data format for compressed photos, rather than a file type. The JFIF (**J**PEG **F**ile **I**nterchange **F**ormat) specification describes the format of the files we think of as "JPEG" images.
+JPEG 实际上是一种压缩照片的数据格式，而不是一种文件类型。JFIF（**J**PEG **F**ile **I**nterchange **F**format）规范描述了我们认为的“JPEG”图像的文件格式。
@@ -554,10 +706,9 @@ JPEG is actually a data format for compressed photos, rather than a file type. T
As of October 27, 2006, all United States patents have expired.
+
许可
+
截至 2006 年 10 月 27 日，所有美国专利均已过期。
-### PNG (Portable Network Graphics)
+### PNG（便携式网络图形）
-The {{Glossary("PNG")}} (pronounced "**ping**") image format uses lossless or lossy compression to provide more efficient compression, and supports higher color depths than [GIF](#gif_graphics_interchange_format), as well as full alpha transparency support.
+{{Glossary("PNG")}}（读作“**ping**”）图像格式使用无损压缩，同时支持比 [GIF](#gif（图像互换格式）) 更高的颜色深度，效率更高，并具有完全支持 alpha 透明度的特点。
-PNG is widely supported, with all major browsers offering full support for its features. Internet Explorer, which introduced PNG support in versions 4–5, did not fully support it until IE 9, and had many infamous bugs for many of the intervening years, including in the once-omnipresent Internet Explorer 6. This slowed PNG adoption, but it is now commonly used, especially when precise reproduction of the source image is needed.
+PNG 受广泛支持，所有主要浏览器都完全支持其特性。Internet Explorer 在第 4-5 版中引入了对 PNG 的支持，但直到 IE 9 才完全支持该特性，并且在其间的许多年里出现了许多臭名昭著的错误，包括在曾经风靡一时的 Internet Explorer 6 中。这减缓了 PNG 的应用，但现在它已被普遍使用，尤其是在需要精确复制源图像时。
@@ -648,7 +794,7 @@ PNG is widely supported, with all major browsers offering full support for its f
image/png
-
文件拓展名
+
文件扩展名
.png
@@ -661,7 +807,7 @@ PNG is widely supported, with all major browsers offering full support for its f
-
Feature
+
特性
Chrome
Edge
Firefox
@@ -672,57 +818,57 @@ PNG is widely supported, with all major browsers offering full support for its f
-
Basic support
+
基本支持
1
12
1
5
-
3.5.1 (Presto) 15 (Blink)
+
3.5.1（Presto） 15（Blink）
1
-
Alpha channel
+
Alpha 通道
1
12
1
5
-
6 (Presto) All (Blink)
+
6（Presto） 所有（Blink）
1
-
Gamma correction
-
no
-
yes
+
伽玛校正
+
否
+
是
1
8
1
-
broken
+
损坏的
-
Color correction
-
no
-
yes
+
颜色校正
+
否
+
是
3
9
-
no
-
no
+
否
+
否
-
Interlacing
-
no
+
插帧
+
否
?
1
-
broken
+
损坏的
3.5.1
-
no
+
否
-
最高分辨率
-
2,147,483,647×2,147,483,647 pixels
+
最大尺寸
+
2,147,483,647×2,147,483,647 像素
支持的颜色模式
@@ -731,57 +877,47 @@ PNG is widely supported, with all major browsers offering full support for its f
颜色模式
-
Bits per component (D)
+
每分量比特（D）
描述
-
Greyscale
-
1, 2, 4, 8, and 16
+
灰度
+
1、2、4、8 和 16
- Each pixel consists of a single D-bit value indicating
- the brightness of the greyscale pixel.
+ 每个像素由一个 D 位值组成，表示灰度像素的亮度。
-
True color
-
8 and 16
+
真彩色
+
8 和 16
- Each pixel is represented by three D-bit values
- indicating the level of the red, green, and blue color
- components.
+ 每个像素由三个D位值表示，分别代表红、绿、蓝三色的色阶。
-
Indexed color
-
1, 2, 4, and 8
+
+
索引颜色
+
1、2、4 和 8
- Each pixel is a D-bit value indicating an index into a
- color palette which is contained within a
- D 位值，表示调色板的索引，调色板包含在 APNG 文件的 PLTE
- chunk in the APNG file; the colors in the palette all use an
- 8-bit depth.
+ > 块中；调色板中的颜色都使用 8 位深度。
-
Greyscale with alpha
-
8 and 16
+
带有灰度的真彩色
+
8 和 16
- Each pixel is represented by two D-bit values: the
- intensity of the greyscale pixel and an alpha sample, indicating
- how opaque the pixel is.
+ 每个像素由两个 D 位值表示：灰度像素的强度和表示像素不透明程度的 Alpha 样本。
-
True color with alpha
-
8 and 16
+
带有透明度的真彩色
+
8 和 16
- Each pixel is comprised of four D-pixel color
- components: red, green, blue, and the alpha sample indicating
- how opaque the pixel is.
+ 每个像素由四个 D 像素颜色成分组成：红色、绿色、蓝色和表示像素不透明程度的 alpha 样本。
@@ -790,40 +926,23 @@ PNG is widely supported, with all major browsers offering full support for its f
-### SVG (Scalable Vector Graphics)
+### SVG（可缩放矢量图形）
-SVG is an [XML](/zh-CN/docs/Glossary/XML)-based [vector graphics](https://zh.wikipedia.org/wiki/vector_graphics) format that specifies the contents of an image as a set of drawing commands that create shapes, lines, apply colors, filters, and so forth. SVG files are ideal for diagrams, icons, and other images which can be accurately drawn at any size. As such, SVG is popular for user interface elements in modern Web design.
+SVG 是一种基于 [XML](/zh-CN/docs/Glossary/XML) 的[矢量图形](https://zh.wikipedia.org/wiki/矢量图形)格式，它将图像的内容指定为一系列绘图命令，这些命令可以创建形状、线条、应用颜色、滤镜等。SVG 文件非常适合用于图表、图标和其他可精确绘制任何尺寸的图像。因此，SVG 在现代网页设计的用户界面元素中很受欢迎。
-SVG files are text files containing source code that, when interpreted, draws the desired image. For instance, this example defines an drawing area with initial size 100 by 100 units, containing a line drawn diagonally through the box:
+SVG 文件是包含源代码的文本文件，解释后可绘制所需的图像。例如，此示例定义了一个初始大小为 100 x 100 单位的绘图区域，其中包含一条斜穿方框的线：
```html
```
-SVG can be used in web content in two ways:
+在网页内容中使用 SVG 有两种方式：
-1. You can directly write the {{HTMLElement("svg")}} element within the HTML, containing [SVG elements](/zh-CN/docs/Web/SVG/Element) to draw the image.
-2. You can display an SVG image anywhere you can use any of the other image types, including with the {{HTMLElement("img")}} and {{HTMLElement("picture")}} elements, the {{cssxref("background-image")}} CSS property, and so forth.
+1. 你可以直接在 HTML 中写入 {{SVGElement("svg")}} 元素，包含 [SVG 元素](/zh-CN/docs/Web/SVG/Element)来绘制图像。
+2. 你可以在任何可以使用其他图像类型的地方显示 SVG 图像，包括使用 {{HTMLElement("img")}} 和 {{HTMLElement("picture")}} 元素、{{cssxref("background-image")}} CSS 属性等。
-SVG is an ideal choice for images which can be represented using a series of drawing commands, especially if the size at which the image will be rendered is unknown or may vary, since SVG will smoothly scale to the desired size. It's not generally useful for strictly bitmap or photographic images, although it is possible to include bitmap images within an SVG.
+对于可以使用一系列绘图命令来表示的图像来说，SVG 是一个理想的选择，尤其是当图像的渲染尺寸未知或可能变化时，因为 SVG 可以平滑地缩放到所需的尺寸。对于严格意义上的位图或照片图像，SVG 通常并不适用，尽管可以在 SVG 中包含位图图像。
@@ -845,7 +964,7 @@ SVG is an ideal choice for images which can be represented using a series of dra
image/svg+xml
-
文件拓展名
+
文件扩展名
.svg
@@ -858,7 +977,7 @@ SVG is an ideal choice for images which can be represented using a series of dra
-
Feature
+
特性
Chrome
Edge
Firefox
@@ -869,23 +988,23 @@ SVG is an ideal choice for images which can be represented using a series of dra
-
SVG support
+
SVG 支持
4
12
3
9
-
10 (Presto) 15 (Blink)
+
10（Presto） 15（Blink）
3.2
- SVG as image ({{HTMLElement("img")}} etc)
+ SVG 作为图像（{{HTMLElement("img")}} 等）
28
12
4
9
-
10 (Presto) 15 (Blink)
+
10（Presto） 15（Blink）
9
@@ -893,75 +1012,57 @@ SVG is an ideal choice for images which can be represented using a series of dra
- SVG source may be compressed during transit using
- HTTP compression
- techniques, or on disk as an .svgz file.
+ SVG 源可以在传输过程中使用 HTTP 压缩技术进行压缩，也可以在磁盘上以 .svgz 文件的形式进行压缩。
-### TIFF (Tagged Image File Format)
+### TIFF（标签图像文件格式）
-[TIFF](https://zh.wikipedia.org/wiki/TIFF) is a raster graphics file format which was created to store scanned photos, although it can be any kind of image. It is a somewhat "heavy" format, in that TIFF files have a tendency to be larger than images in other formats. This is because of the metadata often included, as well as the fact that most TIFF images are either uncompressed or use compression algorithms that still leave fairly large files after compression.
+[TIFF](https://zh.wikipedia.org/wiki/TIFF) 是一种光栅图形文件格式，用于存储扫描照片，但也可以是任何类型的图像。这是一种有点“重”的格式，因为 TIFF 文件往往比其他格式的图像要大。这是因为通常包含元数据，而且大多数 TIFF 图像要么未经压缩，要么使用压缩算法，压缩后的文件仍然相当大。
-TIFF supports a variety of compression methods, but the most commonly used are the CCITT Group 4 (and, for older fax systems, Group 3) compression systems used for by fax software, as well as LZW and lossy JPEG compression.
+TIFF 支持多种压缩方法，但最常用的是传真软件使用的 CCITT 第 4 组（对于较早的传真系统，则为第 3 组）压缩系统，以及 LZW 和有损 JPEG 压缩。
-Every value in a TIFF file is specified using its **tag** (indicating what kind of information it is, such as the width of the image) and its **type** (indicating the format the data is stored in), followed by the length of the array of values to assign to that tag (all properties are stored in arrays, even for single values). This allows different data types to be used for the same properties. For example, the width of an image, `ImageWidth`, is stored using tag `0x0100`, and is a one-entry array. By specifying type 3 (`SHORT`), the value of `ImageWidth` is stored as a 16-bit value:
+TIFF 文件中的每个值都使用其**标签**（表示信息的类型，如图像的宽度）和**类型**（表示数据的存储格式）来指定，然后是要分配给该标签的数组值的长度（所有属性都存储在数组中，即使是单个值）。这样，相同的属性就可以使用不同的数据类型。例如，图像的宽度 `ImageWidth` 使用标签 `0x0100` 存储，是一个单项数组。通过指定类型 3（`SHORT`），`ImageWidth` 的值将存储为 16 位值：
-| Tag | Type | Size | Value |
-| ----------------------- | ------------------ | ---------------------- | --------------------- |
-| `0x0100` (`ImageWidth`) | `0x0003` (`SHORT`) | `0x00000001` (1 entry) | `0x0280` (640 pixels) |
+| 标签 | 类型 | 大小 | 值 |
+| ------------------------ | ------------------- | ------------------------ | -------------------- |
+| `0x0100`（`ImageWidth`） | `0x0003`（`SHORT`） | `0x00000001`（1 个条目） | `0x0280`（640 像素） |
-Specifying type 4 (`LONG`) stores the width as a 32-bit value:
+指定类型 4（`LONG`）可将宽度存储为 32 位值：
-| Tag | Type | Size | Value |
-| ----------------------- | ----------------- | ---------------------- | ------------------------- |
-| `0x0100` (`ImageWidth`) | `0x0004` (`LONG`) | `0x00000001` (1 entry) | `0x00000280` (640 pixels) |
+| 标签 | 类型 | 大小 | 值 |
+| ------------------------ | ------------------ | ------------------------ | ------------------------ |
+| `0x0100`（`ImageWidth`） | `0x0004`（`LONG`） | `0x00000001`（1 个条目） | `0x00000280`（640 像素） |
-A single TIFF file can contain multiple images; this may be used to represent multi-page documents, for example (such as a multi-page scanned document, or a received fax). However, software reading TIFF files is only required to support the first image.
+单个 TIFF 文件可包含多个图像；例如，可用于表示多页文件（如多页扫描文件或收到的传真）。不过，读取 TIFF 文件的软件只需支持第一个图像。
-TIFF supports a variety of color spaces, not just RGB. These include CMYK, YCbCr, and others, making TIFF a good choice for storing images intended for print, film, or television media.
+TIFF 不仅支持 RGB，还支持多种色彩空间。这些空间包括 CMYK、YCbCr 等，这使得 TIFF 成为存储用于印刷、电影或电视媒体的图像的良好选择。
-Long ago, some browsers supported TIFF images in web content; today, however, you need to use special libraries or browser add-ons to do so. As such, TIFF files are not useful within the context of web content, _but_ it's common to provide downloadable TIFF files when distributing photos and other artwork intended for precision editing or printing.
+很久以前，一些浏览器支持在网页内容中使用 TIFF 图像；但如今，你需要使用特殊的库或浏览器插件才能做到这一点。因此，TIFF 文件在网页内容中并不实用，但在分发照片和其他用于精确编辑或打印的艺术品时，提供可下载的 TIFF 文件是很常见的。
@@ -970,27 +1071,25 @@ Long ago, some browsers supported TIFF images in web content; today, however, yo
- No browsers integrate support for TIFF; its value is as a download
- format
+ 没有浏览器集成对 TIFF 的支持；其价值在于作为一种下载格式
-
最高分辨率
-
4,294,967,295×4,294,967,295 pixels (theoretical)
+
最大尺寸
+
4,294,967,295×4,294,967,295 像素（理论值）
支持的颜色模式
@@ -999,68 +1098,49 @@ Long ago, some browsers supported TIFF images in web content; today, however, yo
颜色模式
-
Bits per component (D)
+
每分量比特（D）
描述
Bilevel
1
- A bilevel TIFF stores 8 bits in each byte, one bit per pixel.
- The PhotometricInterpretation field specifies which
- of 0 and 1 are black and which is white.
+ 双字节 TIFF 每个字节存储 8 位，每个像素一位。PhotometricInterpretation 字段指定 0 和 1 中哪个是黑色，哪个是白色。
-
Greyscale
-
4 and 8
+
灰度
+
4 和 8
- Each pixel consists of a single D-bit value indicating
- the brightness of the greyscale pixel.
+ 每个像素由一个 D 位值组成，表示灰度像素的亮度。
-
True color
+
真彩色
8
- All true color RGB images are stored using 8-bits each of red,
- green, and blue.
+ 所有真彩色 RGB 图像都使用红、绿、蓝各 8 位来存储。
-
Indexed color
-
4 and 8
+
索引颜色
+
4 和 8
- Each pixel is an index into a ColorMap record,
- which defines the colors used in the image. The color map lists
- all of the red values, then all of the green values, then all of
- the blue values (rather than rgb, rgb, rgb...).
+ 每个像素都是 ColorMap 记录的索引，该记录定义了图像中使用的颜色。颜色地图列出了所有红色值，然后是所有绿色值，最后是所有蓝色值（而不是 rgb, rgb, rgb…）。
-
Greyscale with alpha
-
4 and 8
+
带有灰度的真彩色
+
4 和 8
- Alpha information is added by specifying that there are more
- than 3 samples per pixel in the
- SamplesPerPixel field, and indicating the type of
- alpha (1 for an associated, pre-multiplied alpha component, and
- 2 for unassociated alpha (a separate matte); however, alpha
- channels are rarely used in TIFF files and may be unsupported by
- the user's software.
+ 通过在 SamplesPerPixel 字段中指定每个像素有 3 个以上的采样点，并指明 Alpha 类型（1 表示关联的、预乘的 Alpha 分量，2 表示非关联的 Alpha（单独的哑光）），可以添加 Alpha 信息；但是，TIFF 文件中很少使用 Alpha 通道，用户的软件可能也不支持。
-
True color with alpha
+
带有透明度的真彩色
8
- Alpha information is added by specifying that there are more
- than 3 samples per pixel in the
- SamplesPerPixel field, and indicating the type of
- alpha (1 for an associated, pre-multiplied alpha component, and
- 2 for unassociated alpha (a separate matte); however, alpha
- channels are rarely used in TIFF files and may be unsupported by
- the user's software.
+ 通过在 SamplesPerPixel 字段中指定每个像素有 3 个以上的采样点，并指明 Alpha 类型（1 表示关联的、预乘的 Alpha 分量，2 表示非关联的 Alpha（单独的哑光）），可以添加 Alpha 信息；但是，TIFF 文件中很少使用 Alpha 通道，用户的软件可能也不支持。
@@ -1070,27 +1150,25 @@ Long ago, some browsers supported TIFF images in web content; today, however, yo
压缩
- Most TIFF files are uncompressed, but lossless PackBits and LZW
- compression are supported, as is lossy JPEG compression.
+ 大多数 TIFF 文件未经压缩，但支持无损 PackBits 和 LZW 压缩，以及有损 JPEG 压缩。
-
授权
+
许可
- No license required (aside from any associated with libraries you might
- use); all known patents have expired.
+ 无需许可证（除了与你可能使用的库相关的许可证）；所有已知专利均已过期。
-### WebP image
+### WebP 图像
-WebP supports lossy compression via predictive coding based on the VP8 video codec, and lossless compression that uses substitutions for repeating data. Lossy WebP images average 25–35% smaller than JPEG images of visually similar compression levels. Lossless WebP images are typically 26% smaller than the same images in PNG format.
+WebP 支持通过基于 VP8 视频编解码器的预测编码进行有损压缩，以及通过替换重复数据进行无损压缩。有损 WebP 图像比视觉上压缩级别相似的 JPEG 图像平均小 25-35%。无损 WebP 图像通常比 PNG 格式的相同图像小 26%。
-WebP also supports animation: in a lossy WebP file, the image data is represented by a VP8 bitstream, which may contain multiple frames. Lossless WebP holds the `ANIM` chunk, which describes the animation, and the `ANMF` chunk, which represents a frame of an animation sequence. Looping is supported.
+WebP 还支持动画：在有损 WebP 文件中，图像数据由 VP8 比特流表示，其中可能包含多个帧。无损 WebP 包含描述动画的 `ANIM` 块和表示动画序列一帧的 `ANMF` 块。支持循环播放。
-WebP now has broad support in the latest versions of major web browsers, although it does not have deep historical support. Provide a fallback in either [JPEG](#jpeg_joint_photographic_experts_group_image) or [PNG](#png_portable_network_graphics) format, such as with [the `` element](/zh-CN/docs/Web/HTML/Element/picture).
+WebP 目前已在主要网络浏览器的最新版本中获得广泛支持，但还没有深入的历史支持。需要提供 [JPEG](#jpeg（联合图像专家小组图像）) 或 [PNG](#png（便携式网络图形）) 格式的回退，例如 [`` 元素](/zh-CN/docs/Web/HTML/Element/picture)。
@@ -1099,20 +1177,14 @@ WebP now has broad support in the latest versions of major web browsers, althoug
- Lossy WebP stores the image in 8-bit Y'CbCr 4:2:0 (YUV420) format.
- Lossless WebP uses 8-bit ARGB color, with each component taking 8 bits
- for a total of 32 bits per pixel.
+ 有损 WebP 以 8 位 Y'CbCr 4:2:0 (YUV420) 格式存储图像。无损 WebP 使用 8 位 ARGB 颜色，每个分量 8 位，每个像素共 32 位。
压缩
-
Lossless (Huffman, LZ77, or color cache codes) or lossy (VP8).
+
无损（Huffman、LZ77 或 color cache codes）或有损（VP8）
-
授权
-
No license required; source code is openly available.
+
许可
+
无需许可证；源代码可公开获取。
-### XBM (X Window System Bitmap file)
+> **备注：** 在 macOS 版 Safari 上，WebP 支持取决于 Safari 和 macOS 的版本。你需要 Safari 14 或更高版本，以及 macOS Big Sur (11) 或更高版本。
+
+### XBM（X Window 系统位图文件）
-XBM (X Bitmap) files were the first to be supported on the Web, but are no longer used and should be avoided, as their format has potential security concerns. Modern browsers have not supported XBM files in many years, but when dealing with older content, you may find some still around.
+XBM（X 位图）文件是网络上最早支持的文件，但现在已不再使用，应避免使用，因为其格式存在潜在的安全隐患。现代浏览器多年来一直不支持 XBM 文件，但在处理旧内容时，你可能会发现其中一些仍然存在。
-XBM uses a snippet of C code to represent the contents of the image as an array of bytes. Each image consists of 2 to 4 `#define` directives, providing the width and height of the bitmap (and optionally the hotspot, if the image is designed as a cursor), followed by an array of `unsigned char`, where each value contains 8 1-bit monochrome pixels.
+XBM 使用一段 C 代码将图像内容表示为一个字节数组。每个图像由 2 到 4 个 `#define` 指令组成，提供位图的宽度和高度（如果图像设计为光标，还可选择热点），后面是一个 `unsigned char` 数组，其中每个值包含 8 个 1 位单色像素。
-The image must be a multiple of 8 pixels wide. For example, the following code represents an XBM image which is 8 pixels by 8 pixels, with those pixels in a black-and-white checkerboard pattern:
+图像宽度必须是 8 像素的倍数。例如，以下代码表示一幅 8 像素乘 8 像素的 XBM 图像，这些像素呈黑白棋盘图案：
```cpp
#define square8_width 8
@@ -1204,22 +1277,22 @@ static unsigned char square8_bits[] = {
## 选择合适的图像格式
-Picking the best image format for your needs is likely easier than video formats, as there are fewer options with broad support, and each tends to have a specific set of use-cases.
+选择最适合你的需求的图像格式可能比视频格式更容易，因为支持广泛的选择较少，而且每种格式往往都有一套特定的用例。
-### Photographs
+### 照片
-Photographs typically fare well with lossy compression (depending on the encoder's configuration). This makes [JPEG](#jpeg_joint_photographic_experts_group_image) and [WebP](#webp_image) good choices for photographs, with JPEG being more compatible but WebP perhaps offering better compression. To maximize quality and minimize download time, consider providing both [using a fallback](#提供后备图像) with WebP as the first choice and JPEG as the second. Otherwise, JPEG is the safe choice for compatibility.
+有损压缩（取决于编码器的配置）通常能很好地压缩照片。这使得 [JPEG](#jpeg（联合图像专家小组图像）) 和 [WebP](#webp_图像) 成为照片的不错选择，JPEG 的兼容性更好，但 WebP 的压缩效果可能更好。为了最大限度地提高质量和减少下载时间，可以考虑同时提供这两种格式的[回退图像](#提供回退图像)，WebP 是首选，JPEG 是次选。否则，为了兼容性，JPEG 是安全的选择。
-| Best choice | Fallback |
-| ------------ | -------- |
-| WebP or JPEG | JPEG |
+
+
+
+
最佳选择
+
回退方案
+
+
+
+
+
WebP 或 JPEG
+
JPEG
+
+
+
-### Icons
+### 图标
-For smaller images such as icons, use a lossless format to avoid loss of detail in a size-constrained image. While lossless WebP is ideal for this purpose, support is not widespread yet, so PNG is a better choice unless you offer a [fallback](#提供后备图像). If your image contains fewer than 256 colors, GIF is an option, although PNG often compresses even smaller with its indexed compression option (PNG-8).
+对于图标等较小的图像，应使用无损格式，以避免在大小受限的图像中丢失细节。虽然无损 WebP 是实现这一目的的理想选择，但其支持尚未普及，因此 PNG 是更好的选择，除非你提供[回退选项](#提供回退图像)。如果图像包含的颜色少于 256 种，GIF 也是一种选择，不过 PNG 通过其索引压缩选项（PNG-8）通常可以压缩得更小。
-If the icon can be represented using vector graphics, consider [SVG](#svg_scalable_vector_graphics), since it scales across various resolutions and sizes, so it's perfect for responsive design. Although SVG support is good, it may be worth offering a PNG fallback for older browsers.
+如果图标可以用矢量图形表示，可以考虑使用 [SVG](#svg（可缩放矢量图形）)，因为它可以在各种分辨率和尺寸下缩放，非常适合响应式设计。虽然 SVG 支持良好，但仍值得为旧版浏览器提供 PNG 回退功能。
-| Best choice | Fallback |
-| -------------------------- | -------- |
-| SVG, Lossless WebP, or PNG | PNG |
+
+
+
+
最佳选择
+
回退方案
+
+
+
SVG、无损 WebP 或 PNG
+
PNG
+
+
+
-### Screenshots
+### 截图
-Unless you're willing to compromise on quality, you should use a lossless format for screenshots. This is particularly important if there's any text in your screenshot, as text easily becomes fuzzy and unclear under lossy compression.
+除非你愿意在质量上妥协，否则应该使用无损格式截图。如果截图中有文字，这一点尤为重要，因为在有损压缩的情况下，文字很容易变得模糊不清。
-PNG is probably your best bet, but lossless WebP is arguably going to be better compressed.
+PNG 可能是最好的选择，但无损 WebP 的压缩效果可能更好。
-| Best choice | Fallback |
-| -------------------------------------------------------------------- | ------------------------------------------------------ |
-| Lossless WebP or PNG; JPEG if compression artifacts aren't a concern | PNG or JPEG; GIF for screenshots with low color counts |
+
+
+
+
最佳选择
+
回退方案
+
+
+
+ 无损 WebP 或 PNG； 如果不担心压缩伪影，则使用 JPEG 文件
+
+
PNG 或 JPEG； GIF 用于颜色数较少的屏幕截图
+
+
+
-### Diagrams, drawings, and charts
+### 示意图、绘图和图表
-For any image that can be represented using vector graphics, SVG is the best choice. Otherwise, you should use a lossless format like PNG. If you do choose a lossy format, such as JPEG or lossy WebP, carefully weigh the compression level to avoid causing text or other shapes to become fuzzy or unclear.
+对于任何可以使用矢量图形表示的图像，SVG 都是最佳选择。否则，应使用 PNG 等无损格式。如果选择有损格式（如 JPEG 或有损 WebP），请仔细权衡压缩级别，以避免导致文本或其他图形变得模糊或不清晰。
-| Best choice | Fallback |
-| ------------------------------------ | ------------------------------------- |
-| [SVG](#svg_scalable_vector_graphics) | [PNG](#png_portable_network_graphics) |
+
Lets you set or get the
@@ -315,10 +319,10 @@ _从父级 {{domxref("HTMLElement")}}, {{domxref("Element")}}, {{domxref("Node")
preload
{{ domxref("DOMString") }}
- Reflects the [`preload`](/zh-CN/docs/Web/HTML/Element/video#preload) HTML
+ Reflects the preload HTML
attribute, indicating what data should be preloaded, if any. Possible
values are: none, metadata, auto.
- See [`preload`](/zh-CN/docs/Web/HTML/Element/video#preload) attribute
+ See preload attribute
documentation for details.
```
如果你的 HTML 層級錯綜複雜，發生規則意外被忽略的情形時，請檢查元素層級問題。可能有某個子元素套上了不該用的樣式。
-**樣式規則重新定義**
+### 樣式規則重新定義
在 CSS 樣式表中，先後次序**非常**重要。如果你定義了某規則後又重新定義一次，則晚定義的才算數。
@@ -127,7 +129,7 @@ CSS 並不支援「以另一個樣式規則為基準」的樣式設定法。 (
為避免此類錯誤發生，每個特定選取符請僅定義一次樣式，集中特性一次定義也便於管理些。
-**特性的簡寫法**
+### 特性的簡寫法
使用簡寫法來定義樣式簡明扼要，是個不錯的方法。你也可以用簡寫法設定某組特性中的部分特性值，但須留意其他沒寫到的部分會自動採用預設值。這表示之前的規則中為某單一特性定義的值可能失效。
@@ -144,14 +146,14 @@ CSS 並不支援「以另一個樣式規則為基準」的樣式設定法。 (
前一個例子中，套用到不同元素範圍的同族特性是問題所在，但就算特性都寫在同一條規則裡也可能出問題，因為順序**真的**很重要。
-```plain
+```css
#section {
- font-weight: bold;
- font: 12px Verdana; /* 有了這行，font-weight 又回到預設的 normal 了 */
+ font-weight: bold;
+ font: 12px Verdana; /* 有了這行，font-weight 又回到預設的 normal 了 */
}
```
-**使用 `*` 選取符**
+### 使用 `*` 選取符
`*` 選取符表示任何元素皆符合，但使用上應多加小心。
@@ -172,7 +174,7 @@ body * { font-weight: normal; }
在此例中，選取符為 `body *` 的規則會套用到所有 `body` 內的元素，也包括 _redtext_，所以原先套用到 _boldtext_ 的 `font-weight: bold;` 就被覆蓋為 `font-weight: normal;` 了。
-**CSS 明確性**
+### CSS 明確性
如果某元素會套用好幾條規則，則相衝突的特性就要靠規則的明確性來分高下。行內樣式（放在 HTML 各標籤的 `style` 屬性中）優先權最高，其次是以 `id` 做選取符的規則，再其次是以 `class` 套用的類別，最後則是單純以元素名稱當選取符的規則。
@@ -186,6 +188,6 @@ div { color: black; }
如果樣式規則的選取符分成好幾段，計算方式就更為複雜一些。需要瞭解完整資訊者，請參考 [CSS 2.1 規格書的 6.4.3 一節](https://www.w3.org/TR/CSS21/cascade.html#specificity)。
-#### -moz-\* 特性是什麼玩意？
+## -moz-\* 特性是什麼玩意？
-請見 [Mozilla 擴充的 CSS](zh_tw/Mozilla_%e6%93%b4%e5%85%85%e7%9a%84_CSS)。由於這些擴充規格不是 W3C 標準的一部分，因此並不建議使用。
+請見 [Mozilla 擴充的 CSS](/zh-TW/docs/Web/CSS/Mozilla_Extensions)。由於這些擴充規格不是 W3C 標準的一部分，因此並不建議使用。
diff --git a/files/zh-tw/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md b/files/zh-tw/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
index b0ff56006dbdb5..e66cce47e87ecb 100644
--- a/files/zh-tw/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
+++ b/files/zh-tw/mozilla/add-ons/webextensions/anatomy_of_a_webextension/index.md
@@ -46,7 +46,7 @@ slug: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
然而，你也可以先載入一個後台頁面，然後在後台頁面中載入腳本。這樣的做法能為後台腳本提供 ES 6 模組的支援，算是一个優點。
-**manifest.json**
+manifest.json：
```json
// manifest.json
@@ -56,7 +56,7 @@ slug: Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
}
```
-**background-page.html**
+background-page.html：
```html
diff --git a/files/zh-tw/web/api/canvas_api/tutorial/basic_animations/index.md b/files/zh-tw/web/api/canvas_api/tutorial/basic_animations/index.md
index e9e094aa0f8a4d..60935adab38189 100644
--- a/files/zh-tw/web/api/canvas_api/tutorial/basic_animations/index.md
+++ b/files/zh-tw/web/api/canvas_api/tutorial/basic_animations/index.md
@@ -334,7 +334,7 @@ function draw() {
```
-**Live sample**
+##### 結果
{{EmbedLiveSample("循環景色", "830", "230")}}
diff --git a/files/zh-tw/web/api/customevent/index.md b/files/zh-tw/web/api/customevent/index.md
index f06d074ff00be7..ef1360710a6b40 100644
--- a/files/zh-tw/web/api/customevent/index.md
+++ b/files/zh-tw/web/api/customevent/index.md
@@ -18,7 +18,7 @@ slug: Web/API/CustomEvent
## 屬性
-_此介面繼承了其父介面 {{domxref("Event")}} 的屬性_
+_此介面繼承了其父介面 {{domxref("Event")}} 的屬性。_
- {{domxref("CustomEvent.initCustomEvent()")}} {{deprecated_inline}}
- : 初始化一個`CustomEvent`物件。若該事件已經被觸發，則不會進行任何動作。
@@ -31,7 +31,7 @@ _此介面繼承了其父介面 {{domxref("Event")}} 的屬性_
{{Compat}}
-## 延伸閱讀
+## 參見
- {{domxref("Window.postMessage()")}}
- [Creating and triggering events](/zh-TW/docs/Web/Events/Creating_and_triggering_events)
diff --git a/files/zh-tw/web/api/documentfragment/index.md b/files/zh-tw/web/api/documentfragment/index.md
index a0f8108dd58ab3..2c6bf39d18c3f3 100644
--- a/files/zh-tw/web/api/documentfragment/index.md
+++ b/files/zh-tw/web/api/documentfragment/index.md
@@ -33,7 +33,7 @@ _This interface has no specific properties, but inherits those of its parent,_ _
## 方法
-_This interface inherits the methods of its parent, {{domxref("Node")}}, and implements those of the {{domxref("ParentNode")}} interface*.*_
+_This interface inherits the methods of its parent, {{domxref("Node")}}, and implements those of the {{domxref("ParentNode")}} interface._
- {{domxref("DocumentFragment.find()")}} {{experimental_inline}}
- : Returns the first matching {{domxref("Element")}} in the tree of the `DocumentFragment`.
diff --git a/files/zh-tw/web/api/keyboardevent/index.md b/files/zh-tw/web/api/keyboardevent/index.md
index bfe4740f8d19b8..4a182582229fd9 100644
--- a/files/zh-tw/web/api/keyboardevent/index.md
+++ b/files/zh-tw/web/api/keyboardevent/index.md
@@ -9,14 +9,14 @@ slug: Web/API/KeyboardEvent
> **備註：** `KeyboardEvent` 僅顯示在鍵盤上發生的事。當你需要進行文字輸入的操作，請使用 HTML5 [`input`](/zh-TW/docs/DOM/DOM_event_reference/input) event 代替 `KeyboardEvent` 。舉例來說，當使用者在手寫系統，例如平板電腦，輸入文字時，並不會啟動 key events 。
-## Constructor
+## 建構子
- {{domxref("KeyboardEvent.KeyboardEvent", "KeyboardEvent()")}}
- - : 建立一 `KeyboardEvent` object。
+ - : 建立一 `KeyboardEvent` 物件。
-## Methods
+## 方法
-_本介面（ interface）亦繼承其父， {{domxref("UIEvent")}} 和 {{domxref("Event")}} ，的 methods_
+_本介面（interface）亦繼承其父 {{domxref("UIEvent")}} 和 {{domxref("Event")}} 的方法。_
- {{domxref("KeyboardEvent.getModifierState()")}}
- : 回傳一 {{jsxref("Boolean")}}。用來表示當事件建立時，修飾鍵（例如 Alt、 Shift、 Ctrl、或是 Meta） 是否是按下的。
diff --git a/files/zh-tw/web/javascript/guide/using_promises/index.md b/files/zh-tw/web/javascript/guide/using_promises/index.md
index e67c2ad8e90d58..73fa4741a34395 100644
--- a/files/zh-tw/web/javascript/guide/using_promises/index.md
+++ b/files/zh-tw/web/javascript/guide/using_promises/index.md
@@ -71,8 +71,6 @@ let promise2 = doSomething().then(successCallback, failureCallback);
在古時候，多個非同步函數會使用 Callback 方式，導致波動拳問題：
-_（原文 Pyramid of Doom 查無中文翻譯，以較常見之波動拳取代）_
-
```js
doSomething(function (result) {
doSomethingElse(
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/index.md
index 546eeaa6199fe4..28f4815b421db5 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/index.md
@@ -7,112 +7,9 @@ slug: Web/JavaScript/Reference/Global_Objects/Array
JavaScript 中的 **`Array`** 全域物件被用於建構陣列；陣列為高階（high-level）、似列表（list-like）的物件。陣列在 Javascript 裡面並沒有固定的長度與型別。由於陣列的長度可以隨時被改變，所以並不能保證陣列的密度。這取決於開發者如何使用陣列。一般來說，這是個非常方便的特性，但如果這並不適用於你的開發工作，你也許會考慮使用型別陣列。
-**建立陣列**
-
-```js
-var fruits = ["Apple", "Banana"];
-
-console.log(fruits.length);
-// 2
-```
-
-**（透過索引）取得陣列項目**
-
-```js
-var first = fruits[0];
-// Apple
-
-var last = fruits[fruits.length - 1];
-// Banana
-```
-
-**迭代陣列**
-
-```js
-fruits.forEach(function (item, index, array) {
- console.log(item, index);
-});
-// Apple 0
-// Banana 1
-```
-
-**加入項目至陣列末端**
-
-```js
-var newLength = fruits.push("Orange");
-// ["Apple", "Banana", "Orange"]
-```
-
-**移除陣列末端項目**
-
-```js
-var last = fruits.pop(); // 移除 (最末端的) Orange
-// ["Apple", "Banana"];
-```
-
-**移除陣列前端項目**
-
-```js
-var first = fruits.shift(); // 移除 (最前端的) Apple
-// ["Banana"];
-```
-
-**加入項目至陣列前端**
-
-```js
-var newLength = fruits.unshift("Strawberry"); // 加到陣列前端
-// ["Strawberry", "Banana"];
-```
-
-**在陣列中尋找項目的索引**
-
-```js
-fruits.push("Mango");
-// ["Strawberry", "Banana", "Mango"]
-
-var pos = fruits.indexOf("Banana");
-// 1
-```
-
-**移除指定索引位置的項目**
-
-```js
-var removedItem = fruits.splice(pos, 1); // 移除 pos 起的 1 個項目
-
-// ["Strawberry", "Mango"]
-```
-
-**移除指定索引位置起的多個項目**
-
-```js
-var vegetables = ["Cabbage", "Turnip", "Radish", "Carrot"];
-console.log(vegetables);
-// ["Cabbage", "Turnip", "Radish", "Carrot"]
-
-var pos = 1,
- n = 2;
-
-var removedItems = vegetables.splice(pos, n);
-// 這就是移除項目的方式，
-// n 表示從該位置 (pos) 開始，一直到陣列的尾端有多少項目需要移除
-
-console.log(vegetables);
-// ["Cabbage", "Carrot"] (原始的陣列被改變)
-
-console.log(removedItems);
-// ["Turnip", "Radish"]
-```
-
-**複製陣列**
-
-```js
-var shallowCopy = fruits.slice(); // 這就是複製陣列的方式
-// ["Strawberry", "Mango"]
-```
-
## 語法
-```plain
+```js-nolint
[element0, element1, ..., elementN]
new Array(element0, element1[, ...[, elementN]])
new Array(arrayLength)
@@ -362,6 +259,100 @@ if (msgArray.length === 100) {
}
```
+### （透過索引）取得陣列項目
+
+```js
+var first = fruits[0];
+// Apple
+
+var last = fruits[fruits.length - 1];
+// Banana
+```
+
+### 迭代陣列
+
+```js
+fruits.forEach(function (item, index, array) {
+ console.log(item, index);
+});
+// Apple 0
+// Banana 1
+```
+
+### 加入項目至陣列末端
+
+```js
+var newLength = fruits.push("Orange");
+// ["Apple", "Banana", "Orange"]
+```
+
+### 移除陣列末端項目
+
+```js
+var last = fruits.pop(); // 移除（最末端的）Orange
+// ["Apple", "Banana"];
+```
+
+### 移除陣列前端項目
+
+```js
+var first = fruits.shift(); // 移除（最前端的）Apple
+// ["Banana"];
+```
+
+### 加入項目至陣列前端
+
+```js
+var newLength = fruits.unshift("Strawberry"); // 加到陣列前端
+// ["Strawberry", "Banana"];
+```
+
+### 在陣列中尋找項目的索引
+
+```js
+fruits.push("Mango");
+// ["Strawberry", "Banana", "Mango"]
+
+var pos = fruits.indexOf("Banana");
+// 1
+```
+
+### 移除指定索引位置的項目
+
+```js
+var removedItem = fruits.splice(pos, 1); // 移除 pos 起的 1 個項目
+
+// ["Strawberry", "Mango"]
+```
+
+### 移除指定索引位置起的多個項目
+
+```js
+var vegetables = ["Cabbage", "Turnip", "Radish", "Carrot"];
+console.log(vegetables);
+// ["Cabbage", "Turnip", "Radish", "Carrot"]
+
+var pos = 1,
+ n = 2;
+
+var removedItems = vegetables.splice(pos, n);
+// 這就是移除項目的方式，
+// n 表示從該位置開始，一直到陣列的尾端有多少項目需要移除
+
+console.log(vegetables);
+// ["Cabbage", "Carrot"]（原始的陣列被改變）
+
+console.log(removedItems);
+// ["Turnip", "Radish"]
+```
+
+### 複製陣列
+
+```js
+var shallowCopy = fruits.slice(); // 這就是複製陣列的方式
+// ["Strawberry", "Mango"]
+```
+
### 建立二維陣列
以下範例會用字串產生一張西洋棋盤的二維陣列。第一步是將士兵 'p' 從 (6,4) 移動至 (4,4)，然後清空原本的位置 (6,4)。
diff --git a/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md b/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
index 2b3166eb236436..a30e258087c633 100644
--- a/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
+++ b/files/zh-tw/web/javascript/reference/global_objects/array/indexof/index.md
@@ -62,7 +62,7 @@ console.log(indices);
// [0, 2, 4]
```
-### 尋找元素是否存在於陣列中，若沒有則加入到陣列裡。
+### 尋找元素是否存在於陣列中，若沒有則加入到陣列裡
```js
function updateVegetablesCollection(veggies, veggie) {
diff --git a/files/zh-tw/web/javascript/reference/statements/continue/index.md b/files/zh-tw/web/javascript/reference/statements/continue/index.md
index da00270970523b..4f82c520144e32 100644
--- a/files/zh-tw/web/javascript/reference/statements/continue/index.md
+++ b/files/zh-tw/web/javascript/reference/statements/continue/index.md
@@ -3,6 +3,8 @@ title: continue 語法
slug: Web/JavaScript/Reference/Statements/continue
---
+{{jsSidebar("Statements")}}
+
`continue` 語法可用來重新開始 `while`、`do-while`、`for`、`label` 語法。
- 當你使用沒加標籤的 `continue` 時，他會終止這一次的最內層的 `while`、`do-while`、`for` 語法的反覆過程，並繼續執行下一次的反覆過程。與 `break` 語法相較之下，`continue` 不會終止整個循環的執行。在 `while` 循環中，他會跳回條件處。在 `for` 循環中，他會跳回遞增表達式。
@@ -13,7 +15,7 @@ slug: Web/JavaScript/Reference/Statements/continue
1. `continue`
2. `continue label`
-**範例 1**
+## 範例 1
以下範例示範加上 `continue` 語法的 `while` 循環，`continue` 語法會在 `i` 值為 3 時執行。因此，`n` 的值依序為 1、3、7、12。
@@ -27,7 +29,7 @@ while (i < 5) {
}
```
-**範例 2**
+## 範例 2
已加上標籤的語法 `checkiandj` 內含已加上標籤的語法 `checkj`。如果遇到 `continue`，程式會終止 `checkj` 這一次的反覆過程，並開始下一次的反覆過程。每當遇到 `continue`，就會反覆執行 `checkj` 直到他的條件返回 false 為止。當返回 false 時，`checkiandj` 語句完成了餘數的計算，且 `checkiandj` 會反覆執行，直到他的條件返回為 false 為止。當返回 false 時，程式繼續執行 `checkiandj` 後面的語句。
@@ -47,5 +49,3 @@ checkiandj: while (i < 4) {
document.write("j = " + j + " ");
}
```
-
-{{ PreviousNext("Core_JavaScript_1.5_教學:循環語法:break_語法", "Core_JavaScript_1.5_教學:物件的操作語法") }}
diff --git a/files/zh-tw/web/javascript/reference/statements/do...while/index.md b/files/zh-tw/web/javascript/reference/statements/do...while/index.md
index 006da95381d8d3..b144874e05b115 100644
--- a/files/zh-tw/web/javascript/reference/statements/do...while/index.md
+++ b/files/zh-tw/web/javascript/reference/statements/do...while/index.md
@@ -15,7 +15,7 @@ while (condition);
`statement` 會在檢測條件之前就先執行一次。若要執行多個語句，就使用區塊語法（`{ ... }`）把語句群組化。如果 `condition` 為 true，就會再執行一次語句。每回執行以後，就會檢測條件。當條件為 false 時，就停止執行並把控制權轉移給 `do...while` 後面的語句。
-**範例**
+## 範例
在以下範例中，do 循環至少會反覆執行一次，並一直反覆到 i 不再小於 5 為止。
diff --git a/files/zh-tw/web/javascript/reference/statements/for/index.md b/files/zh-tw/web/javascript/reference/statements/for/index.md
index 426bd96d3871e4..379b1daa093077 100644
--- a/files/zh-tw/web/javascript/reference/statements/for/index.md
+++ b/files/zh-tw/web/javascript/reference/statements/for/index.md
@@ -16,7 +16,7 @@ for ([initialExpression]; [condition]; [incrementExpression]) statement;
3. 執行 `statement`。若要執行多個語句，就使用區塊語法（`{ ... }`）把這些語句群組化。
4. 執行更新表達式 `incrementExpression`，並回到第 2 步驟。
-**範例**
+## 範例
以下函數內含 `for` 語法，計數至下拉式選單的已選擇選項的數目為止（Select 物件允許複選）。`for` 語法宣告變數 `i` 並以 0 初始化。他會檢驗 `i` 是否小於 `Select` 物件的選項數目，持續執行 `if` 語句，並在每一次循環之後以 1 遞增 `i`。
From 354f9d50ca9aa50268d03d881fdd625ec1c091ee Mon Sep 17 00:00:00 2001
From: Jason Ren <40999116+jasonren0403@users.noreply.github.com>
Date: Fri, 24 Nov 2023 18:55:09 +0800
Subject: [PATCH 92/93] [zh-cn] update 'Techniques for game development'
(#17088)
---
files/zh-cn/games/techniques/index.md | 30 +++++++++++++--------------
1 file changed, 15 insertions(+), 15 deletions(-)
diff --git a/files/zh-cn/games/techniques/index.md b/files/zh-cn/games/techniques/index.md
index 3e439a7cf7eaea..2e370ae71042a3 100644
--- a/files/zh-cn/games/techniques/index.md
+++ b/files/zh-cn/games/techniques/index.md
@@ -1,23 +1,23 @@
---
-title: Techniques for game development
+title: 游戏开发技术
slug: Games/Techniques
+l10n:
+ sourceCommit: 56db19e6b8d19932c1b6150bc42e752e12a2b21f
---
{{GamesSidebar}}
-这个页面为想要使用开放的网页技术来开发游戏的人列举出了必要的核心技术。
+这个页面为想要使用开放的 web 技术来开发游戏的人列举出了必要的核心技术。
- [使用 asm.js 中的异步脚本](/zh-CN/docs/Games/Techniques/Async_scripts)
- - : 尤其在制作中大型游戏时，异步脚本是一项必备技术，你游戏中的 JavaScript 因此可以在主进程之外被编译，并被缓存以之后游戏的运行，这会带来显著的性能提升。这篇文章解释了如何做到。
-- [Optimizing startup performance](/zh-CN/docs/Apps/Developing/Optimizing_startup_performance)
- - : How to make sure your game starts up quickly, smoothly, and without appearing to lock up the user's browser or device.
-- [Using WebRTC peer-to-peer data channels](/zh-CN/docs/Games/WebRTC_data_channels)
- - : In addition to providing support for audio and video communication, WebRTC lets you set up peer-to-peer data channels to exchange text or binary data actively between your players. This article explains what this can do for you, and shows how to use libraries that make this easy.
-- [Efficient animation for web games](/zh-CN/docs/Games/Techniques/Efficient_animation_for_web_games)
- - : This article covers techniques and advice for creating efficient animation for web games, with a slant towards supporting lower end devices such as mobile phones. We touch on CSS transitions and CSS animations, and JavaScript loops involving {{ domxref("window.requestAnimationFrame") }}.
-- [Audio for Web Games](/zh-CN/docs/Games/Techniques/Audio_for_Web_Games)
- - : Audio is an important part of any game — it adds feedback and atmosphere. Web-based audio is maturing fast, but there are still many browser differences to negotiate. This article provides a detailed guide to implementing audio for web games, looking at what works currently across as wide a range of platforms as possible.
-- [2D collision detection](/zh-CN/docs/Games/Techniques/2D_collision_detection)
- - : A concise introduction to collision detection in 2D games.
-- [Tilemaps](/zh-CN/docs/Games/Techniques/Tilemaps)
- - : Tiles are a very popular technique in 2D games for building the game world. These articles provide an introduction to tilemaps and how to implement them with the Canvas API.
+ - : 尤其在制作中大型游戏时，异步脚本是一项必备技术，它可以让游戏的 JavaScript 脱离主线程进行编译，并在以后运行游戏时缓存起来，从而显著提高用户的性能。本文将介绍如何使用异步脚本。
+- [优化启动性能](/zh-CN/docs/Web/Performance/Optimizing_startup_performance)
+ - : 如何确保游戏启动快速、流畅，并且不会占用用户的浏览器或设备太久。
+- [使用 WebRTC 点对点数据通道](/zh-CN/docs/Games/Techniques/WebRTC_data_channels)
+ - : 除了支持音频和视频通信外，WebRTC 还能建立点对点数据通道，在播放器之间主动交换文本或二进制数据。本文将解释 WebRTC 的功能，并介绍如何使用库来轻松实现这一功能。
+- [Web 游戏音频](/zh-CN/docs/Games/Techniques/Audio_for_Web_Games)
+ - : 音频是任何游戏的重要组成部分——它能增加反馈，活跃气氛。基于 web 的音频技术正在迅速成熟，但仍有许多浏览器差异需要解决。本文提供了实现 web 游戏音频的详细指南，尽可能广泛地介绍了目前在各种平台上都能使用的音频。
+- [2D 碰撞检测](/zh-CN/docs/Games/Techniques/2D_collision_detection)
+ - : 简明介绍 2D 游戏中的碰撞检测。
+- [平铺贴图](/zh-CN/docs/Games/Techniques/Tilemaps)
+ - : 在 2D 游戏中，贴图是一种非常流行的构建游戏世界的技术。这些文章介绍了平铺贴图是什么，以及如何使用 Canvas API 实现平铺贴图。
From b2363887ef496d491cade07be50013a65776b2ac Mon Sep 17 00:00:00 2001
From: SphinxKnight
Date: Fri, 24 Nov 2023 13:33:20 +0100
Subject: [PATCH 93/93] Follow-up of #16974 - Cleanup console work (#17090)
Cleanup: typofixes and flaws / anchors
---
.../fr/web/api/console/assert_static/index.md | 2 +-
.../fr/web/api/console/count_static/index.md | 2 +-
.../api/console/countreset_static/index.md | 4 ++--
.../fr/web/api/console/debug_static/index.md | 2 +-
files/fr/web/api/console/dir_static/index.md | 2 +-
.../fr/web/api/console/error_static/index.md | 2 +-
.../fr/web/api/console/group_static/index.md | 2 +-
.../console/groupcollapsed_static/index.md | 2 +-
.../web/api/console/groupend_static/index.md | 2 +-
files/fr/web/api/console/index.md | 22 +++++++++----------
files/fr/web/api/console/info_static/index.md | 2 +-
files/fr/web/api/console/log_static/index.md | 2 +-
files/fr/web/api/console/time_static/index.md | 6 ++---
.../web/api/console/timeend_static/index.md | 2 +-
.../web/api/console/timelog_static/index.md | 4 ++--
.../web/api/console/timestamp_static/index.md | 2 +-
.../fr/web/api/console/trace_static/index.md | 2 +-
files/fr/web/api/console/warn_static/index.md | 2 +-
18 files changed, 32 insertions(+), 32 deletions(-)
diff --git a/files/fr/web/api/console/assert_static/index.md b/files/fr/web/api/console/assert_static/index.md
index e312bee4ea7362..6715ddff2367c3 100644
--- a/files/fr/web/api/console/assert_static/index.md
+++ b/files/fr/web/api/console/assert_static/index.md
@@ -57,7 +57,7 @@ for (let nombre = 2; nombre <= 5; nombre++) {
// Assertion failed: {nombre: 5, messageErreur: "le nombre n'est pas pair"}
```
-Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
## Spécifications
diff --git a/files/fr/web/api/console/count_static/index.md b/files/fr/web/api/console/count_static/index.md
index 1c4898ac613b43..9f82b23546f08e 100644
--- a/files/fr/web/api/console/count_static/index.md
+++ b/files/fr/web/api/console/count_static/index.md
@@ -7,7 +7,7 @@ l10n:
{{APIRef("Console API")}}
-La méthode **`console.count()`** affiche le nombre de fois que `count()` a été appelée (le compteur pouvat être identifié par l'argument passé à la méthode).
+La méthode **`console.count()`** affiche le nombre de fois que `count()` a été appelée (le compteur pouvant être identifié par l'argument passé à la méthode).
{{AvailableInWorkers}}
diff --git a/files/fr/web/api/console/countreset_static/index.md b/files/fr/web/api/console/countreset_static/index.md
index 85190af6d1f968..c9e094c31881fc 100644
--- a/files/fr/web/api/console/countreset_static/index.md
+++ b/files/fr/web/api/console/countreset_static/index.md
@@ -7,7 +7,7 @@ l10n:
{{APIRef("Console API")}}
-La méthode **`console.countReset()`** permet de réinitialiser le compteur utilisé avec [`console.count()`](/fr/docs/Web/API/console/count).
+La méthode **`console.countReset()`** permet de réinitialiser le compteur utilisé avec [`console.count()`](/fr/docs/Web/API/console/count_static).
{{AvailableInWorkers}}
@@ -21,7 +21,7 @@ countReset(libelle)
### Paramètres
- `libelle` {{optional_inline}}
- - : Une chaîne de caractères. Si cet argument est fourni, `countReset()` remet à zéro le compteur associé à ce libellé. Si l'argumetn est absent, `countReset()` remet à zéro le compteur par défaut.
+ - : Une chaîne de caractères. Si cet argument est fourni, `countReset()` remet à zéro le compteur associé à ce libellé. Si l'argument est absent, `countReset()` remet à zéro le compteur par défaut.
### Valeur de retour
diff --git a/files/fr/web/api/console/debug_static/index.md b/files/fr/web/api/console/debug_static/index.md
index 1a2c3cee3ffe6c..166a8bb7ff6015 100644
--- a/files/fr/web/api/console/debug_static/index.md
+++ b/files/fr/web/api/console/debug_static/index.md
@@ -27,7 +27,7 @@ debug(msg, subst1, /* …, */ substN)
- `msg`
- : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
- `subst1` … `substN`
- - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
diff --git a/files/fr/web/api/console/dir_static/index.md b/files/fr/web/api/console/dir_static/index.md
index 12ba31febc6a24..c26c01e3b99b30 100644
--- a/files/fr/web/api/console/dir_static/index.md
+++ b/files/fr/web/api/console/dir_static/index.md
@@ -7,7 +7,7 @@ l10n:
{{APIRef("Console API")}}
-La méthode **`console.dir()`** affiche une liste interactive des propriétés de l'objet JavaScript passé en argument. L'affichage est une hiérarchie avec des flèches/triangles qui permettent de déplier/replier le contneu des propriétés et objets enfants.
+La méthode **`console.dir()`** affiche une liste interactive des propriétés de l'objet JavaScript passé en argument. L'affichage est une hiérarchie avec des flèches/triangles qui permettent de déplier/replier le contenu des propriétés et objets enfants.
Autrement dit, `console.dir()` permet de voir l'ensemble des propriétés d'un objet JavaScript dans la console et de manipuler les niveaux hiérarchiques.
diff --git a/files/fr/web/api/console/error_static/index.md b/files/fr/web/api/console/error_static/index.md
index 5ccf3560d5e9a7..763bf668a46d48 100644
--- a/files/fr/web/api/console/error_static/index.md
+++ b/files/fr/web/api/console/error_static/index.md
@@ -27,7 +27,7 @@ error(msg, subst1, /* …, */ substN)
- `msg`
- : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
- `subst1` … `substN`
- - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
diff --git a/files/fr/web/api/console/group_static/index.md b/files/fr/web/api/console/group_static/index.md
index 298a45c64d6502..0057b881b6e1f1 100644
--- a/files/fr/web/api/console/group_static/index.md
+++ b/files/fr/web/api/console/group_static/index.md
@@ -50,7 +50,7 @@ L'affichage dans la console ressemblera à ceci :
-Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/Console#utiliser_des_groupes_dans_la_console) pour plus de détails.
+Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/console#utiliser_des_groupes_dans_la_console) pour plus de détails.
## Spécifications
diff --git a/files/fr/web/api/console/groupcollapsed_static/index.md b/files/fr/web/api/console/groupcollapsed_static/index.md
index dacd27895df83a..339534040b7644 100644
--- a/files/fr/web/api/console/groupcollapsed_static/index.md
+++ b/files/fr/web/api/console/groupcollapsed_static/index.md
@@ -11,7 +11,7 @@ La méthode **`console.groupCollapsed()`** crée un nouveau groupe dans le journ
Il faudra appeler [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static) pour fermer le groupe courant et revenir au niveau du groupe parent.
-Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/Console#utiliser_des_groupes_dans_la_console) pour plus de détails et d'exemples.
+Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/console#utiliser_des_groupes_dans_la_console) pour plus de détails et d'exemples.
{{AvailableInWorkers}}
diff --git a/files/fr/web/api/console/groupend_static/index.md b/files/fr/web/api/console/groupend_static/index.md
index f0f2bdd2551592..06a6723e03a70d 100644
--- a/files/fr/web/api/console/groupend_static/index.md
+++ b/files/fr/web/api/console/groupend_static/index.md
@@ -7,7 +7,7 @@ l10n:
{{APIRef("Console API")}}
-La méthode **`console.groupEnd()`** clôture le groupe courant dans la console. Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/Console#utiliser_des_groupes_dans_la_console) pour plus de détails et d'exemples.
+La méthode **`console.groupEnd()`** clôture le groupe courant dans la console. Voir [Utiliser les groupes dans la console](/fr/docs/Web/API/console#utiliser_des_groupes_dans_la_console) pour plus de détails et d'exemples.
{{AvailableInWorkers}}
diff --git a/files/fr/web/api/console/index.md b/files/fr/web/api/console/index.md
index fd059fabccafd7..3d8cb6632ed704 100644
--- a/files/fr/web/api/console/index.md
+++ b/files/fr/web/api/console/index.md
@@ -19,7 +19,7 @@ Dans cette page, nous verrons [les méthodes](#méthodes) disponibles sur l'obje
{{AvailableInWorkers}}
-> **Note :** Certains IDE et éditeurs peuvent implémenter l'API Console différemment. Cela se traduit par un comportement différent ou un absence de certaines fonctionnalités de l'API. Par exemple, les méthodes liées aux chronomètres pourraient ne pas afficher les durées en sortie. En cas de doute, utilisez la console des outils de développement de votre navigateur pour observer le fonctionnement décrit dans cette documentation.
+> **Note :** Certains IDE et éditeurs peuvent implémenter l'API Console différemment. Cela se traduit par un comportement différent ou une absence de certaines fonctionnalités de l'API. Par exemple, les méthodes liées aux chronomètres pourraient ne pas afficher les durées en sortie. En cas de doute, utilisez la console des outils de développement de votre navigateur pour observer le fonctionnement décrit dans cette documentation.
## Méthodes statiques
@@ -29,7 +29,7 @@ Dans cette page, nous verrons [les méthodes](#méthodes) disponibles sur l'obje
- : Vide le contenu de la console.
- [`console.count()`](/fr/docs/Web/API/console/count_static)
- : Affiche le nombre de fois que le compteur avec le libellé correspondant a été appelé.
-- [`console.countReset()`](/fr/docs/Web/API/console/countReset_static)
+- [`console.countReset()`](/fr/docs/Web/API/console/countreset_static)
- : Réinitialise la valeur du compteur avec le libellé corredpondant.
- [`console.debug()`](/fr/docs/Web/API/console/debug_static)
- : Affiche un message de débogage dans la console.
@@ -43,28 +43,28 @@ Dans cette page, nous verrons [les méthodes](#méthodes) disponibles sur l'obje
- : Un synonyme pour `console.error()`.
- [`console.group()`](/fr/docs/Web/API/console/group_static)
- : Crée un nouveau [groupe](#utiliser_des_groupes_dans_la_console), indentant l'affichage des messages suivants. Pour revenir au niveau courant, on appellera `console.groupEnd()`.
-- [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupCollapsed_static)
+- [`console.groupCollapsed()`](/fr/docs/Web/API/console/groupcollapsed_static)
- : Crée un nouveau [groupe](#utiliser_des_groupes_dans_la_console), indentant l'affichage des messages suivants. Toutefois, contrairement à `console.group()`, les messages du groupe sont repliés. Pour revenir au niveau courant, on appellera `console.groupEnd()`.
-- [`console.groupEnd()`](/fr/docs/Web/API/console/groupEnd_static)
+- [`console.groupEnd()`](/fr/docs/Web/API/console/groupend_static)
- : Ferme le [groupe](#utiliser_des_groupes_dans_la_console) courant.
- [`console.info()`](/fr/docs/Web/API/console/info_static)
- : Affiche des informations dans la console. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
- [`console.log()`](/fr/docs/Web/API/console/log_static)
- : Affiche des messages généraux dans la console. Ce message peut contenir des [chaînes de caractères de substitution](#utiliser_des_chaînes_de_substitution) et d'autres valeurs fournies comme arguments complémentaires.
- [`console.profile()`](/fr/docs/Web/API/console/profile_static) {{Non-standard_inline}}
- - : Démarre l'enregistrement d'un profil de performance. Un nom peut être fourni en argument et asocié au profil ainsi créé.
-- [`console.profileEnd()`](/fr/docs/Web/API/console/profileEnd_static) {{Non-standard_inline}}
+ - : Démarre l'enregistrement d'un profil de performance. Un nom peut être fourni en argument et associé au profil ainsi créé.
+- [`console.profileEnd()`](/fr/docs/Web/API/console/profileend_static) {{Non-standard_inline}}
- : Arrête l'enregistrement du profil de performance.
- [`console.table()`](/fr/docs/Web/API/console/table_static)
- : Affiche des données tabulaires sous forme d'un tableau.
- [`console.time()`](/fr/docs/Web/API/console/time_static)
- : Démarre un [chronomètre](#chronomètres) avec un nom fourni en paramètre.
-- [`console.timeEnd()`](/fr/docs/Web/API/console/timeEnd_static)
+- [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static)
- : Arrête le [chronomètre](#chronomètres) indiqué et affiche la durée écoulée (exprimée en millisecondes) depuis le début de la mesure.
-- [`console.timeLog()`](/fr/docs/Web/API/console/timeLog_static)
+- [`console.timeLog()`](/fr/docs/Web/API/console/timelog_static)
- : Affiche la valeur du [chronomètre](#chronomètres) indiqué dans la console.
-- [`console.timeStamp()`](/fr/docs/Web/API/console/timeStamp_static) {{Non-standard_inline}}
- - : Ajoute un marqueur de performance pour l'outil de mesure des performance du navigateur ([Firefox](https://profiler.firefox.com/docs/#/), [Chrome](https://developer.chrome.com/docs/devtools/evaluate-performance/reference/)).
+- [`console.timeStamp()`](/fr/docs/Web/API/console/timestamp_static) {{Non-standard_inline}}
+ - : Ajoute un marqueur de performance pour l'outil de mesure des performances du navigateur ([Firefox](https://profiler.firefox.com/docs/#/), [Chrome](https://developer.chrome.com/docs/devtools/evaluate-performance/reference/)).
- [`console.trace()`](/fr/docs/Web/API/console/trace_static)
- : Affiche la [trace de la pile d'appels](#trace_de_piles_dappels).
- [`console.warn()`](/fr/docs/Web/API/console/warn_static)
@@ -221,7 +221,7 @@ L'affichage dans la console ressemblera à ceci :
### Chronomètres
-On peut démarrer un chronomètre pour mesurer la durée d'une opération donnée. Pour lancer un chronomètre, on appellera la méthode `console.time()`, à laquelle on pourra passer un nom comme paramètre. Pour arrêter le chronomètre et obtenir la durée écoulée, on appellera la méthode `console.timeEnd()` (à laquelle on pourra aussi passer un nom en argument pour arrêter un chronomètre donné). Pour une page web donnée, on peut exécuter jusqu'à 10 000 chronomètres simultanément.
+On peut démarrer un chronomètre pour mesurer la durée d'une opération donnée. Pour lancer un chronomètre, on appellera la méthode `console.time()`, à laquelle on pourra passer un nom comme paramètre. Pour arrêter le chronomètre et obtenir la durée écoulée, on appellera la méthode `console.timeEnd()` (à laquelle on pourra aussi passer un nom en argument pour arrêter un chronomètre donné). Pour une page web donnée, on peut exécuter jusqu'à 10 000 chronomètres simultanément.
Si on écrit cela, par exemple :
diff --git a/files/fr/web/api/console/info_static/index.md b/files/fr/web/api/console/info_static/index.md
index 5c3bb9f59ead4b..6077572cc3c0b8 100644
--- a/files/fr/web/api/console/info_static/index.md
+++ b/files/fr/web/api/console/info_static/index.md
@@ -27,7 +27,7 @@ info(msg, subst1, /* …, */ substN)
- `msg`
- : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
- `subst1` … `substN`
- - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
diff --git a/files/fr/web/api/console/log_static/index.md b/files/fr/web/api/console/log_static/index.md
index b227a334df7c27..ecbfe9c70bc01f 100644
--- a/files/fr/web/api/console/log_static/index.md
+++ b/files/fr/web/api/console/log_static/index.md
@@ -27,7 +27,7 @@ log(msg, subst1, /* …, */ substN)
- `msg`
- : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
- `subst1` … `substN`
- - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
diff --git a/files/fr/web/api/console/time_static/index.md b/files/fr/web/api/console/time_static/index.md
index 2a7cdd8c48d831..60db710d814aae 100644
--- a/files/fr/web/api/console/time_static/index.md
+++ b/files/fr/web/api/console/time_static/index.md
@@ -1,5 +1,5 @@
---
-title: "console: time() static method"
+title: "console : méthode statique time()"
slug: Web/API/console/time_static
l10n:
sourceCommit: 022399901bdc60df947ee15e11a49be029e290d0
@@ -7,9 +7,9 @@ l10n:
{{APIRef("Console API")}}
-La méthode **`console.time()`** démarre un chronomètre qui permet de mesurer la durée d'une opération. Chaque chronomètre peut être identifié avec un nom donné et on peut avoir jusqu'à 10 000 chronomètres simultanés sur une même page. Lorsqu'on appelle [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static) avec le même nom, la durée associée depuis le démarrage du chronomètre correspondant s'affichera dans la console (exprimée en millisecondes).
+La méthode **`console.time()`** démarre un chronomètre qui permet de mesurer la durée d'une opération. Chaque chronomètre peut être identifié avec un nom donné et on peut avoir jusqu'à 10 000 chronomètres simultanés sur une même page. Lorsqu'on appelle [`console.timeEnd()`](/fr/docs/Web/API/console/timeend_static) avec le même nom, la durée associée depuis le démarrage du chronomètre correspondant s'affichera dans la console (exprimée en millisecondes).
-Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronométrage) pour plus de détails et d'exemples.
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronomètres) pour plus de détails et d'exemples.
{{AvailableInWorkers}}
diff --git a/files/fr/web/api/console/timeend_static/index.md b/files/fr/web/api/console/timeend_static/index.md
index 1d9951248a6335..db71b091b3541d 100644
--- a/files/fr/web/api/console/timeend_static/index.md
+++ b/files/fr/web/api/console/timeend_static/index.md
@@ -9,7 +9,7 @@ l10n:
La méthode **`console.timeEnd()`** arrête un chronomètre qui avait été démarré à l'aide de [`console.time()`](/fr/docs/Web/API/console/time_static).
-Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronométrage) pour plus de détails et d'exemples.
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronomètres) pour plus de détails et d'exemples.
{{AvailableInWorkers}}
diff --git a/files/fr/web/api/console/timelog_static/index.md b/files/fr/web/api/console/timelog_static/index.md
index 45bb2b0e5e7d0e..cf8e9fea66dba2 100644
--- a/files/fr/web/api/console/timelog_static/index.md
+++ b/files/fr/web/api/console/timelog_static/index.md
@@ -23,7 +23,7 @@ timeLog(libelle, val1, /* …, */ valN)
- `libelle` {{optional_inline}}
- : Le nom du chronomètre dont on souhaite afficher la mesure dans la console. Si cet argument est absent, c'est le libellé `"default"` qui est utilisé.
- `valN` {{optional_inline}}
- - : Des valeurs additionnelels à afficher dans la console après la mesure temporelle.
+ - : Des valeurs additionnelles à afficher dans la console après la mesure temporelle.
### Valeur de retour
@@ -73,7 +73,7 @@ console.timeLog("default", "Coucou", "monde");
// default : 780ms Coucou monde
```
-Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronométrage) pour plus de détails et d'exemples.
+Voir [la section sur les chronomètres de la documentation de `console`](/fr/docs/Web/API/console#chronomètres) pour plus de détails et d'exemples.
## Exemples
diff --git a/files/fr/web/api/console/timestamp_static/index.md b/files/fr/web/api/console/timestamp_static/index.md
index 046596b9a82b14..1b342ce2bb5757 100644
--- a/files/fr/web/api/console/timestamp_static/index.md
+++ b/files/fr/web/api/console/timestamp_static/index.md
@@ -7,7 +7,7 @@ l10n:
{{APIRef("Console API")}}{{Non-standard_header}}
-La méthode **`console.timeStamp()`** permet d'ajouter un marqueur de performance pour l'outil de mesure des performance du navigateur ([Firefox](https://profiler.firefox.com/docs/#/), [Chrome](https://developer.chrome.com/docs/devtools/evaluate-performance/reference/)). Cela permet de dresser des corrélations entre un moment dans le code et d'autres évènements mesurés dans la chronologie (comme ceux relatifs à la disposition ou au rendu à l'écran).
+La méthode **`console.timeStamp()`** permet d'ajouter un marqueur de performance pour l'outil de mesure des performances du navigateur ([Firefox](https://profiler.firefox.com/docs/#/), [Chrome](https://developer.chrome.com/docs/devtools/evaluate-performance/reference/)). Cela permet de dresser des corrélations entre un moment dans le code et d'autres évènements mesurés dans la chronologie (comme ceux relatifs à la disposition ou au rendu à l'écran).
Un argument optionnel permet de fournir un libellé pour le marqueur.
diff --git a/files/fr/web/api/console/trace_static/index.md b/files/fr/web/api/console/trace_static/index.md
index 63a3fd41e31892..de44b29298136d 100644
--- a/files/fr/web/api/console/trace_static/index.md
+++ b/files/fr/web/api/console/trace_static/index.md
@@ -13,7 +13,7 @@ La méthode **`console.trace()`** permet d'afficher la trace de la pile d'appels
> **Note :** Dans certains navigateurs, `console.trace()` pourra également afficher la séquence des appels et des évènements asynchrones qui ont mené à l'appel courant de `console.trace()` et qui ne sont pas nécessairement dans la pile d'appels, pour aider à déterminer l'origine de la boucle d'évaluation courante.
-Voir [la section sur le traçage des piles d'appels dans la documentation de `console`](/fr/docs/Web/API/console#traces_dappel) pour plus de détails et d'exemples.
+Voir [la section sur le traçage des piles d'appels dans la documentation de `console`](/fr/docs/Web/API/console#traces_de_piles_dappels) pour plus de détails et d'exemples.
## Syntaxe
diff --git a/files/fr/web/api/console/warn_static/index.md b/files/fr/web/api/console/warn_static/index.md
index 1699ca18b6c531..d999f53bdfa1d2 100644
--- a/files/fr/web/api/console/warn_static/index.md
+++ b/files/fr/web/api/console/warn_static/index.md
@@ -29,7 +29,7 @@ warn(msg, subst1, /* …, */ substN)
- `msg`
- : Une chaîne de caractères JavaScript qui contient zéro ou plusieurs chaînes de substitution qui seront remplacées par `subst1` … `substN` dans l'ordre.
- `subst1` … `substN`
- - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_les_caractères_de_substitution) pour plus de détails.
+ - : Des objets JavaScript avec lesquels remplacer les chaînes de substitution dans `msg`. Ce paramètre permet un contrôle supplémentaire sur le format de ce qui est affiché. Voir [la page sur les chaînes de caractères de substitution avec `console`](/fr/docs/Web/API/console#utiliser_des_chaînes_de_substitution) pour plus de détails.
Voir [Afficher du texte dans la console](/fr/docs/Web/API/console#afficher_du_texte_dans_la_console) pour plus de détails.
- Include decorative fruit basket
-
-
- Require payment before delivery
-
-
@@ -103,7 +103,7 @@ Prettier 格式化所有代码并保持风格一致。尽管如此，你仍需
## Class 和 ID 名称
-使用语义化的 class/ID 名称，并且使用连字符分隔多个单词（{{Glossary("kebab_case", "短横线命名法")}}）。不要使用{{Glossary("camel_case", "骆驼式命名法")}}。例如：
+使用语义化的 class/ID 名称，并且使用连字符分隔多个单词（{{Glossary("kebab_case", "短横线命名法")}}）。不要使用{{Glossary("camel_case", "驼峰式命名法")}}。例如：
```html example-good
+ 
` element which defines where to display the image and the fallback to the default or "most compatible" version.
+虽然标准 HTML {{HTMLElement("img")}} 元素不支持图片的兼容性回退，但 {{HTMLElement("picture")}} 元素支持。`