From 960baf8945b57d643ac45998dc62096ab2bdb0f1 Mon Sep 17 00:00:00 2001 From: Jason Lee Date: Sat, 28 May 2022 16:30:41 +0800 Subject: [PATCH 1/6] AutoCorrect files/zh-cn/web/api/n*/ --- files/zh-cn/web/api/namednodemap/index.html | 12 ++++++------ .../web/api/navigation_timing_api/index.html | 10 +++++----- .../using_navigation_timing/index.html | 6 +++--- .../api/networkinformation/downlink/index.html | 2 +- .../web/api/networkinformation/rtt/index.html | 2 +- files/zh-cn/web/api/nodeiterator/index.html | 10 +++++----- files/zh-cn/web/api/nodelist/entries/index.html | 2 +- files/zh-cn/web/api/nodelist/foreach/index.html | 4 ++-- files/zh-cn/web/api/nodelist/index.html | 10 +++++----- files/zh-cn/web/api/nodelist/item/index.html | 16 ++++++++-------- files/zh-cn/web/api/nodelist/keys/index.html | 2 +- files/zh-cn/web/api/nodelist/values/index.html | 2 +- 12 files changed, 39 insertions(+), 39 deletions(-) diff --git a/files/zh-cn/web/api/namednodemap/index.html b/files/zh-cn/web/api/namednodemap/index.html index 93f19e7dc099b9..8dc6a02b2a4dff 100644 --- a/files/zh-cn/web/api/namednodemap/index.html +++ b/files/zh-cn/web/api/namednodemap/index.html @@ -7,10 +7,10 @@

NamedNodeMap 接口表示属性节点 {{domxref("Attr")}} 对象的集合。尽管在 NamedNodeMap 里面的对象可以像数组一样通过索引来访问，但是它和 {{ domxref("NodeList") }} 不一样，对象的顺序没有指定。

-

NamedNodeMap 对象是即时的(live)，因此，如果它内部包含的对象发生改变的话，该对象会自动更新到最新的状态。

+

NamedNodeMap 对象是即时的 (live)，因此，如果它内部包含的对象发生改变的话，该对象会自动更新到最新的状态。

-

尽管被称为 NamedNodeMap，但这个接口不是用来处理节点对象({{domxref("Node")}})，而是用来处理属性节点对象({{domxref("Attr")}})，属性节点原来是一种特殊的节点({{domxref("Node")}})，仍然在某些实现环境（浏览器）中有效。

+

尽管被称为 NamedNodeMap，但这个接口不是用来处理节点对象 ({{domxref("Node")}})，而是用来处理属性节点对象 ({{domxref("Attr")}})，属性节点原来是一种特殊的节点 ({{domxref("Node")}})，仍然在某些实现环境（浏览器）中有效。

属性

@@ -19,7 +19,7 @@

属性

{{ domxref("NamedNodeMap.length") }} {{ReadOnlyInline}}
-
返回映射(map)中对象的数量。
+
返回映射 (map) 中对象的数量。

方法

@@ -36,11 +36,11 @@

方法

{{domxref("NamedNodeMap.item()")}}
返回指定索引处的属性节点（{{ domxref("Attr") }}），或者，当索引超出或等于属性节点的数量时，返回 null。
{{domxref("NamedNodeMap.getNamedItemNS()")}}
-
根据给定的命名空间参数和name参数返回一个{{ domxref("Attr") }}对象。
+
根据给定的命名空间参数和 name 参数返回一个{{ domxref("Attr") }}对象。
{{domxref("NamedNodeMap.setNamedItemNS()")}}
-
替换、添加给定命名空间参数和name参数的{{ domxref("Attr") }} 对象 。
+
替换、添加给定命名空间参数和 name 参数的{{ domxref("Attr") }} 对象 。
{{domxref("NamedNodeMap.removeNamedItemNS()")}}
-
删除给定命名空间参数和name参数的{{ domxref("Attr") }} 对象 。
+
删除给定命名空间参数和 name 参数的{{ domxref("Attr") }} 对象 。

规范

diff --git a/files/zh-cn/web/api/navigation_timing_api/index.html b/files/zh-cn/web/api/navigation_timing_api/index.html index 82c4707be3e292..f85deecaa648ab 100644 --- a/files/zh-cn/web/api/navigation_timing_api/index.html +++ b/files/zh-cn/web/api/navigation_timing_api/index.html @@ -7,13 +7,13 @@ ---

{{DefaultAPISidebar("Navigation Timing")}}

-

Navigation Timing API 提供了可用于衡量一个网站性能的数据。与用于相同目的的其他基于JavaScript的机制不同，该API可以提供可以更有用和更准确的端到端延迟数据。

+

Navigation Timing API 提供了可用于衡量一个网站性能的数据。与用于相同目的的其他基于 JavaScript 的机制不同，该 API 可以提供可以更有用和更准确的端到端延迟数据。

 

Concepts and usage

-

你可以使用Navigation Timing API在客户端收集性能数据，并用{{domxref("XMLHttpRequest")}} 或其它技术传送到服务端。同时，该API使你可以衡量之前难以获取的数据，如卸载前一个页面的时间，在域名解析上的时间，在执行{{event("load")}}事件处理器上花费的总时间等。

+

你可以使用 Navigation Timing API 在客户端收集性能数据，并用{{domxref("XMLHttpRequest")}} 或其它技术传送到服务端。同时，该 API 使你可以衡量之前难以获取的数据，如卸载前一个页面的时间，在域名解析上的时间，在执行{{event("load")}}事件处理器上花费的总时间等。

 

@@ -21,11 +21,11 @@

Interfaces

{{domxref("Performance")}}

-

返回一个Performance对象。该对象由High Resolution Time API定义，Navigation Timing API 在此基础上增加了两个属性：{{domxref("Performance.timing", "timing")}} 和 {{domxref("Performance.navigation", "navigation")}}

+

返回一个 Performance 对象。该对象由 High Resolution Time API 定义，Navigation Timing API 在此基础上增加了两个属性：{{domxref("Performance.timing", "timing")}} 和 {{domxref("Performance.navigation", "navigation")}}

{{domxref("PerformanceNavigationTiming")}}

-

提供了方法和属性来存取关于游览器文档navigation事件的相关数据。如文档实际加载/卸载的时间。

+

提供了方法和属性来存取关于游览器文档 navigation 事件的相关数据。如文档实际加载/卸载的时间。

{{deprecated_inline}} {{domxref("PerformanceTiming")}}

@@ -120,7 +120,7 @@

Interfaces

window.performance.navigation.redirectCount 表示到达最终页面前，重定向的次数（如果有的话）。

-

Navigation Timing API 可以用于收集客户端性能数据，然后通过 XHR 发送给服务端。还可以计算那些其他方法难以计算的数据，如卸载( unload )上一个页面的时间、域名查找时间、window.onload 的总时间等等。

+

Navigation Timing API 可以用于收集客户端性能数据，然后通过 XHR 发送给服务端。还可以计算那些其他方法难以计算的数据，如卸载 ( unload ) 上一个页面的时间、域名查找时间、window.onload 的总时间等等。

示例

diff --git a/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html b/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html index fdb36a4b643818..db185413d6b017 100644 --- a/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html +++ b/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html @@ -14,7 +14,7 @@

收集计时信息

-

使用该API就像使用{{domxref("window.performance")}}获取{{domxref("Performance")}}对象并在返回的对象中查找所需内容一样简单。比如，为了测量页面的感知到的加载时间：

+

使用该 API 就像使用{{domxref("window.performance")}}获取{{domxref("Performance")}}对象并在返回的对象中查找所需内容一样简单。比如，为了测量页面的感知到的加载时间：

window.addEventListener("load", function() {
   let now = new Date().getTime();
@@ -24,7 +24,7 @@ 
收集计时信息

         loadingTime + " ms";
 }, false);
-

在发生{{event("load")}}事件时执行的该代码从当前时间中减去浏览器导航开始时记录的时间({{domxref("PerformanceTiming.navigationStart", "performance.timing.navigationStart")}})，并通过将该信息插入到元素中，输出到屏幕。

+

在发生{{event("load")}}事件时执行的该代码从当前时间中减去浏览器导航开始时记录的时间 ({{domxref("PerformanceTiming.navigationStart", "performance.timing.navigationStart")}})，并通过将该信息插入到元素中，输出到屏幕。

-

结合适当的HTML和CSS，结果就是：

+

结合适当的 HTML 和 CSS，结果就是：

{{EmbedLiveSample("收集计时信息", 500, 80)}}

diff --git a/files/zh-cn/web/api/networkinformation/downlink/index.html b/files/zh-cn/web/api/networkinformation/downlink/index.html index 2e62063b3c9bd7..8746942cbea800 100644 --- a/files/zh-cn/web/api/networkinformation/downlink/index.html +++ b/files/zh-cn/web/api/networkinformation/downlink/index.html @@ -5,7 +5,7 @@ ---

{{SeeCompatTable}}{{APIRef("Network Information API")}}

-

downlink 是 {{domxref("NetworkInformation")}} 接口的一个只读属性，返回以Mb/s为单位的有效带宽，并保留该值为25kb/s的最接近的整数倍。该值基于最近监测的保持活跃连接的应用层吞吐量，排除了到私有地址空间的连接。当缺少最近的带宽测量数据时，该属性由底层连接技术属性决定。

+

downlink 是 {{domxref("NetworkInformation")}} 接口的一个只读属性，返回以 Mb/s 为单位的有效带宽，并保留该值为 25kb/s 的最接近的整数倍。该值基于最近监测的保持活跃连接的应用层吞吐量，排除了到私有地址空间的连接。当缺少最近的带宽测量数据时，该属性由底层连接技术属性决定。

Syntax

diff --git a/files/zh-cn/web/api/networkinformation/rtt/index.html b/files/zh-cn/web/api/networkinformation/rtt/index.html index fd82a4a94c824d..26312ba3dbbe31 100644 --- a/files/zh-cn/web/api/networkinformation/rtt/index.html +++ b/files/zh-cn/web/api/networkinformation/rtt/index.html @@ -5,7 +5,7 @@ ---

{{apiref("Network Information API")}}{{SeeCompatTable}}

-

NetworkInformation.rtt 是一个只读属性，返回了当前连接下评估的往返时延（RTT, round-trip time ），并保留该值为25千分秒的最接近的整数倍。该值基于最近使用中被监测的最近保持活跃连接的应用层上的RTT测量值。它排除了到私有地址空间的连接。如果没有最近的测量数据，该值就基于底层连接技术的属性。

+

NetworkInformation.rtt 是一个只读属性，返回了当前连接下评估的往返时延（RTT, round-trip time ），并保留该值为 25 千分秒的最接近的整数倍。该值基于最近使用中被监测的最近保持活跃连接的应用层上的 RTT 测量值。它排除了到私有地址空间的连接。如果没有最近的测量数据，该值就基于底层连接技术的属性。

{{AvailableInWorkers}}

diff --git a/files/zh-cn/web/api/nodeiterator/index.html b/files/zh-cn/web/api/nodeiterator/index.html index aa124ef4ad23df..f2467e7fa09445 100644 --- a/files/zh-cn/web/api/nodeiterator/index.html +++ b/files/zh-cn/web/api/nodeiterator/index.html @@ -10,7 +10,7 @@

NodeIterator 接口表示一个遍历 DOM 子树中节点列表的成员的迭代器。节点将按照文档顺序返回。

-

NodeIterator可以使用{{domxref("Document.createNodeIterator()")}} 方法创建，如下所示：

+

NodeIterator 可以使用{{domxref("Document.createNodeIterator()")}} 方法创建，如下所示：

var nodeIterator = document.createNodeIterator(root, whatToShow, filter);
@@ -38,7 +38,7 @@

属性

NodeFilter.SHOW_ATTRIBUTE {{obsolete_inline}} 2 - 显示属性 {{ domxref("Attr") }} 节点. 只有当用一个 {{ domxref("Attr") }} 节点作为根节点来创建 {{ domxref("NodeIterator") }} 时才有意义; 在这种情况下, 这意味着属性节点会出现在迭代或遍历的首位. 因为属性永远不会是其它节点的子节点, 当遍历整个文档树时它们不会出现. + 显示属性 {{ domxref("Attr") }} 节点。只有当用一个 {{ domxref("Attr") }} 节点作为根节点来创建 {{ domxref("NodeIterator") }} 时才有意义; 在这种情况下，这意味着属性节点会出现在迭代或遍历的首位。因为属性永远不会是其它节点的子节点，当遍历整个文档树时它们不会出现。 NodeFilter.SHOW_CDATA_SECTION {{obsolete_inline}} @@ -75,7 +75,7 @@

属性

NodeFilter.SHOW_ENTITY {{obsolete_inline}} 32 - 显示 {{ domxref("Entity") }} 节点. 只有当用一个 {{ domxref("Entity") }} 节点作为它的根节点来创建一个 {{ domxref("NodeIterator") }} 时才有意义; 在这种情况下,  {{ domxref("Entity") }} 节点会出现在迭代或遍历的首位. 因为 {{ domxref("Entity") }}  永远不会是其它节点的子节点, 当遍历整个文档树时它们不会出现. + 显示 {{ domxref("Entity") }} 节点。只有当用一个 {{ domxref("Entity") }} 节点作为它的根节点来创建一个 {{ domxref("NodeIterator") }} 时才有意义; 在这种情况下，  {{ domxref("Entity") }} 节点会出现在迭代或遍历的首位。因为 {{ domxref("Entity") }}  永远不会是其它节点的子节点，当遍历整个文档树时它们不会出现。 NodeFilter.SHOW_ENTITY_REFERENCE {{obsolete_inline}} @@ -85,7 +85,7 @@

属性

NodeFilter.SHOW_NOTATION {{obsolete_inline}} 2048 - 显示 {{ domxref("Notation") }} 节点. 只有当用一个 {{ domxref("Notation") }} 节点作为它的根节点时来创建一个 {{ domxref("NodeIterator") }} 才有意义; 在这种情况下,  {{ domxref("Notation") }} 节点会出现在迭代或遍历的首位. 因为 {{ domxref("Notation") }}  永远不会是其它节点的子节点, 当遍历整个文档树时它们不会出现. + 显示 {{ domxref("Notation") }} 节点。只有当用一个 {{ domxref("Notation") }} 节点作为它的根节点时来创建一个 {{ domxref("NodeIterator") }} 才有意义; 在这种情况下，  {{ domxref("Notation") }} 节点会出现在迭代或遍历的首位。因为 {{ domxref("Notation") }}  永远不会是其它节点的子节点，当遍历整个文档树时它们不会出现。 NodeFilter.SHOW_PROCESSING_INSTRUCTION @@ -116,7 +116,7 @@

方法

{{domxref("NodeIterator.detach()")}} {{obsolete_inline()}}
-
这个方法不是必需的. 它现在什么也不做. 之前用来告诉引擎，NodeIterator 已经不会再使用，现在已经不做任何事情.
+
这个方法不是必需的。它现在什么也不做. 之前用来告诉引擎，NodeIterator 已经不会再使用，现在已经不做任何事情。
{{domxref("NodeIterator.previousNode()")}}
返回前一个 {{domxref("Node")}} ，如果不存在则返回 null.
{{domxref("NodeIterator.nextNode()")}}
diff --git a/files/zh-cn/web/api/nodelist/entries/index.html b/files/zh-cn/web/api/nodelist/entries/index.html index 97ee38db7ce3c4..3dffc97d4ede7b 100644 --- a/files/zh-cn/web/api/nodelist/entries/index.html +++ b/files/zh-cn/web/api/nodelist/entries/index.html @@ -33,7 +33,7 @@

例子

} -

结果如下:

+

结果如下：

Array [ 0, <p> ]
 Array [ 1, #text "hey" ]
diff --git a/files/zh-cn/web/api/nodelist/foreach/index.html b/files/zh-cn/web/api/nodelist/foreach/index.html
index 29f2c575a708ac..0af6ccd0fb3629 100644
--- a/files/zh-cn/web/api/nodelist/foreach/index.html
+++ b/files/zh-cn/web/api/nodelist/foreach/index.html
@@ -25,7 +25,7 @@ 
参数

   
currentIndex {{Optional_inline}}

   
someNodeList中的currentValue所对应的索引值。

   
listObj {{Optional_inline}}

-  
someNodeList 在 forEach() 方法中所属的NodeList对象。

+  
someNodeList 在 forEach() 方法中所属的 NodeList 对象。
thisArg {{Optional_inline}}
@@ -85,7 +85,7 @@

Polyfill

NodeList.prototype.forEach = Array.prototype.forEach; } -

上面的代码是大部分浏览器实现的 NodeList.prototype.forEach() (例如Chrome).

+

上面的代码是大部分浏览器实现的 NodeList.prototype.forEach() (例如 Chrome).

Specifications

diff --git a/files/zh-cn/web/api/nodelist/index.html b/files/zh-cn/web/api/nodelist/index.html index 166a13869ba6b8..2857f678d0cfad 100644 --- a/files/zh-cn/web/api/nodelist/index.html +++ b/files/zh-cn/web/api/nodelist/index.html @@ -13,7 +13,7 @@

NodeList 对象是节点的集合，通常是由属性，如{{domxref("Node.childNodes")}} 和 方法，如{{domxref("document.querySelectorAll")}} 返回的。

-

NodeList 不是一个数组，是一个类似数组的对象(Like Array Object)。虽然 NodeList 不是一个数组，但是可以使用 forEach() 来迭代。你还可以使用 {{jsxref("Array.from()")}} 将其转换为数组。

+

NodeList 不是一个数组，是一个类似数组的对象 (Like Array Object)。虽然 NodeList 不是一个数组，但是可以使用 forEach() 来迭代。你还可以使用 {{jsxref("Array.from()")}} 将其转换为数组。

不过，有些浏览器较为过时，没有实现 NodeList.forEach() 和 Array.from()。你可以用 {{jsxref("Array.forEach()", "Array.prototype.forEach()")}} 来规避这一问题。请查看该例。

@@ -92,7 +92,7 @@

为什么 NodeList 不是数组？NodeList 对象在某些方面和数组非常相似，看上去可以直接使用从 Array.prototype 上继承的方法。然而，除了 forEach 方法，NodeList 没有这些类似数组的方法。

-

JavaScript 的继承机制是基于原型的。数组元素之所以有一些数组方法（比如 forEach 和 map），是因为它的原型链上有这些方法，如下:

+

JavaScript 的继承机制是基于原型的。数组元素之所以有一些数组方法（比如 forEach 和 map），是因为它的原型链上有这些方法，如下：

myArray --> Array.prototype --> Object.prototype --> null（想要获取一个对象的原型链，可以连续地调用 Object.getPrototypeOf，直到原型链尽头）。

@@ -102,11 +102,11 @@

为什么 NodeList 不是数组？myNodeList --> NodeList.prototype --> Object.prototype --> null

-

NodeList的原型上除了类似数组的 forEach 方法之外，还有 item，entries，keys 和 values 方法。

+

NodeList 的原型上除了类似数组的 forEach 方法之外，还有 item，entries，keys 和 values 方法。

解决办法

-

一个解决办法就是把 Array.prototype 上的方法添加到 NodeList.prototype 上。可是，要注意扩展DOM对象的原型是非常危险的，尤其是在旧版本的Internet Explorer（6，7，8）中。

+

一个解决办法就是把 Array.prototype 上的方法添加到 NodeList.prototype 上。可是，要注意扩展 DOM 对象的原型是非常危险的，尤其是在旧版本的 Internet Explorer（6，7，8）中。

var arrayMethods = Object.getOwnPropertyNames( Array.prototype );
 
@@ -138,7 +138,7 @@ 
解决办法

 });
-

请注意，在上面的代码中，将某个宿主对象 （如 NodeList） 作为 this 传递给原生方法 （如 forEach） 不能保证在所有浏览器中工作，已知在一些浏览器中会失败。

+

请注意，在上面的代码中，将某个宿主对象（如 NodeList）作为 this 传递给原生方法（如 forEach）不能保证在所有浏览器中工作，已知在一些浏览器中会失败。

规范

diff --git a/files/zh-cn/web/api/nodelist/item/index.html b/files/zh-cn/web/api/nodelist/item/index.html index 2c6428d6867120..a5b3b304e04816 100644 --- a/files/zh-cn/web/api/nodelist/item/index.html +++ b/files/zh-cn/web/api/nodelist/item/index.html @@ -5,25 +5,25 @@ ---

{{ ApiRef() }}

概述

-

根据给定的索引,返回一个 NodeList对象中包含的Node对象.

+

根据给定的索引，返回一个 NodeList对象中包含的 Node 对象。

语法

nodeItem = nodeList.item(index)
-

JavaScript有更简单的语法来从一个NodeList对象中获取指定索引的节点:

+

JavaScript 有更简单的语法来从一个 NodeList 对象中获取指定索引的节点：

nodeItem = nodeList[index]

例子

var tables = document.getElementsByTagName("table");
-var firstTable = tables.item(1); // 或者简写为tables[1],返回一个文档中的第二个table元素.
+var firstTable = tables.item(1); // 或者简写为 tables[1],返回一个文档中的第二个 table 元素。

备注

-

如果索引越界,该方法不会抛出异常,只会返回null.

-

item()不是DOM元素或者DOM节点的方法,而是NodeList对象的方法.

+

如果索引越界，该方法不会抛出异常，只会返回null.

+

item() 不是DOM元素或者 DOM 节点的方法，而是 NodeList 对象的方法。

规范

DOM Level 1 Core: NodeList.item()

DOM Level 2 Core: NodeList.item()

diff --git a/files/zh-cn/web/api/nodelist/keys/index.html b/files/zh-cn/web/api/nodelist/keys/index.html index ac08a2ba2dd812..b47df148a6d115 100644 --- a/files/zh-cn/web/api/nodelist/keys/index.html +++ b/files/zh-cn/web/api/nodelist/keys/index.html @@ -41,7 +41,7 @@

例子

} -

结果是:

+

结果是：

0
 1
diff --git a/files/zh-cn/web/api/nodelist/values/index.html b/files/zh-cn/web/api/nodelist/values/index.html
index 36fb078e94ab38..172fa45cc2a254 100644
--- a/files/zh-cn/web/api/nodelist/values/index.html
+++ b/files/zh-cn/web/api/nodelist/values/index.html
@@ -3,7 +3,7 @@
 slug: Web/API/NodeList/values
 translation_of: Web/API/NodeList/values
 ---
-
该方法返回一个iterator迭代器，可以利用迭代器遍历所有value。

+
该方法返回一个 iterator 迭代器，可以利用迭代器遍历所有 value。

 
 
Syntax

 

From d20ba4f484ef2944f9fa3dc24cd4ca1953551f0d Mon Sep 17 00:00:00 2001
From: Jason Lee 
Date: Sun, 29 May 2022 14:48:44 +0800
Subject: [PATCH 2/6] Update index.html

---
 files/zh-cn/web/api/navigation_timing_api/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/files/zh-cn/web/api/navigation_timing_api/index.html b/files/zh-cn/web/api/navigation_timing_api/index.html
index f85deecaa648ab..7a12b7d82843af 100644
--- a/files/zh-cn/web/api/navigation_timing_api/index.html
+++ b/files/zh-cn/web/api/navigation_timing_api/index.html
@@ -13,7 +13,7 @@
 
 
Concepts and usage

 
-
你可以使用 Navigation Timing API 在客户端收集性能数据，并用{{domxref("XMLHttpRequest")}} 或其它技术传送到服务端。同时，该 API 使你可以衡量之前难以获取的数据，如卸载前一个页面的时间，在域名解析上的时间，在执行{{event("load")}}事件处理器上花费的总时间等。

+
你可以使用 Navigation Timing API 在客户端收集性能数据，并用 {{domxref("XMLHttpRequest")}} 或其它技术传送到服务端。同时，该 API 使你可以衡量之前难以获取的数据，如卸载前一个页面的时间，在域名解析上的时间，在执行 {{event("load")}} 事件处理器上花费的总时间等。

 
 
 

 
@@ -29,11 +29,11 @@ 
Interfaces

 
 
{{deprecated_inline}} {{domxref("PerformanceTiming")}}

 
-
曾被用来获取{{domxref("Performance.timing", "timing")}}的值，用来衡量页面性能。

+
曾被用来获取 {{domxref("Performance.timing", "timing")}} 的值，用来衡量页面性能。

 
 
{{deprecated_inline}}  {{domxref("PerformanceNavigation")}}

 
-
曾被用来获取{{domxref("Performance.navigation", "navigation")}}的值，用来描述加载相关的操作。

+
曾被用来获取 {{domxref("Performance.navigation", "navigation")}} 的值，用来描述加载相关的操作。

 
 
 

 
@@ -48,7 +48,7 @@ 
Interfaces

 }
-

还有很多以毫秒为单位呈现的测量事件，你可以通过  {{domxref("PerformanceTiming")}} 接口得到它们。按照事件发生的先后顺序，这些事件的列表如下：

+

还有很多以毫秒为单位呈现的测量事件，你可以通过 {{domxref("PerformanceTiming")}} 接口得到它们。按照事件发生的先后顺序，这些事件的列表如下：

-

window.performance.navigation 对象存储了两个属性，它们表示触发页面加载的原因。这些原因可能是页面重定向、前进后退按钮或者普通的 URL 加载。

+

window.performance.navigation 对象存储了两个属性，它们表示触发页面加载的原因。这些原因可能是页面重定向、前进后退按钮或者普通的 URL 加载。

window.performance.navigation.type：

@@ -120,7 +120,7 @@

Interfaces

window.performance.navigation.redirectCount 表示到达最终页面前，重定向的次数（如果有的话）。

-

Navigation Timing API 可以用于收集客户端性能数据，然后通过 XHR 发送给服务端。还可以计算那些其他方法难以计算的数据，如卸载 ( unload ) 上一个页面的时间、域名查找时间、window.onload 的总时间等等。

+

Navigation Timing API 可以用于收集客户端性能数据，然后通过 XHR 发送给服务端。还可以计算那些其他方法难以计算的数据，如卸载 (unload) 上一个页面的时间、域名查找时间、window.onload 的总时间等等。

示例

From ef5b09016071c348076dfa96f679a99dd0387531 Mon Sep 17 00:00:00 2001 From: Jason Lee Date: Sun, 29 May 2022 14:50:27 +0800 Subject: [PATCH 3/6] Update index.html --- .../using_navigation_timing/index.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html b/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html index db185413d6b017..64cd80354dce3a 100644 --- a/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html +++ b/files/zh-cn/web/api/navigation_timing_api/using_navigation_timing/index.html @@ -14,7 +14,7 @@

收集计时信息

-

使用该 API 就像使用{{domxref("window.performance")}}获取{{domxref("Performance")}}对象并在返回的对象中查找所需内容一样简单。比如，为了测量页面的感知到的加载时间：

+

使用该 API 就像使用 {{domxref("window.performance")}} 获取 {{domxref("Performance")}} 对象并在返回的对象中查找所需内容一样简单。比如，为了测量页面的感知到的加载时间：

window.addEventListener("load", function() {
   let now = new Date().getTime();
@@ -24,7 +24,7 @@ 
收集计时信息

         loadingTime + " ms";
 }, false);
-

在发生{{event("load")}}事件时执行的该代码从当前时间中减去浏览器导航开始时记录的时间 ({{domxref("PerformanceTiming.navigationStart", "performance.timing.navigationStart")}})，并通过将该信息插入到元素中，输出到屏幕。

+

在发生 {{event("load")}} 事件时执行的该代码从当前时间中减去浏览器导航开始时记录的时间 ({{domxref("PerformanceTiming.navigationStart", "performance.timing.navigationStart")}})，并通过将该信息插入到元素中，输出到屏幕。