原文：What's New In DevTools (Chrome 73)
作者：Kayce Basques 发表时间：January 22, 2019
译者：西楼听雨 发表时间： 2019/01/24 (转载请注明出处)

Logpoints (日志点)

使用 Logpoints 来打印消息到控制台不会像使用 console.log() 那样扰乱你的代码。

要添加一个 logpoint，步骤如下：

右击你希望添加 Logpoint 的行号。
选择 Add logpoint (添加日志点)，弹出 Breakpoint Editor (断点编辑器)。
在断点编辑器中输入你希望打印到控制台的表达式。

提示：要打印一个变量时，可将变量名包装在对象中（如 {TodoApp}）将其变量名和值同时打印在控制台。查看 Always Log Objects (无论何时都只打印对象) ，以及 Object Property Value Shorthand (对象的属性/值简写语法) 来了解这项语法。
按回车键或在断点编辑器之外点击来保存表达式。覆盖在行号上的橙色标记表示的就是这个 Logpoint。

下次当执行到这一行时，开发者工具就会将 Logpoint 表达式的结果输出到控制台来。

The result of the Logpoint expression in the Console

Inspect 模式下的样式属性

在 Inspecting (审视/检查/检视。不同浏览器叫法不一样——译注) 一个元素节点时，开发者工具将展示出一个包含了常见的比较重要的样式属性，如 font、margin、padding。

导出代码覆盖报告数据

Code coverage (代码覆盖报告) 数据现在可以导出成 JSON 文件了。导出的 JSON 文件类似这样：

[
  {
    "url": "https://wndt73.glitch.me/style.css",
    "ranges": [
      {
        "start": 0,
        "end": 21
      },
      {
        "start": 45,
        "end": 67
      }
    ],
    "text": "body { margin: 1em; } figure { padding: 0; } h1 { color: #317EFB; }"
  },
  ...
]