Chrome 63 - 开发工具的新功能（带中文字幕）

2023-09-27 14:37:59

大家好，这是代码之声(codefm) 第一期，今天给大家带来的是 What's New In DevTools (Chrome 63)。 Chrome 一般会每隔 6 周发布一次主版本。目前 Chrome 的最新主版本是 63，通过在地址栏 chrome://version/ 可以看到当前的 Chrome 版本。

Chrome 63 中的新增功能

Chrome 63 中的新增功能主要集中在三个方面：

开发工具的新功能
性能工具的新功能
其他新功能

开发工具的新功能

1. 样式编辑器的新功能

样式编辑器中新增了几个新功能，使您能够更轻松地编辑 CSS 代码。

新的颜色选择器 ：新的颜色选择器使您可以更轻松地选择颜色。您可以使用鼠标或键盘来选择颜色，也可以输入颜色代码。
新的字体选择器 ：新的字体选择器使您可以更轻松地选择字体。您可以使用鼠标或键盘来选择字体，也可以输入字体名称。
新的布局工具 ：新的布局工具使您可以更轻松地调整元素的布局。您可以使用鼠标或键盘来调整元素的尺寸、位置和边距。

2. JavaScript 调试器的新功能

JavaScript 调试器中新增了几个新功能，使您能够更轻松地调试 JavaScript 代码。

新的断点管理器 ：新的断点管理器使您可以更轻松地管理断点。您可以使用鼠标或键盘来设置和删除断点，也可以将断点分组。
新的调用堆栈查看器 ：新的调用堆栈查看器使您可以更轻松地查看函数的调用堆栈。您可以使用鼠标或键盘来导航调用堆栈，也可以在调用堆栈中搜索函数。
新的作用域查看器 ：新的作用域查看器使您可以更轻松地查看变量的作用域。您可以使用鼠标或键盘来导航作用域，也可以在作用域中搜索变量。

性能工具的新功能

性能工具中新增了几个新功能，使您能够更轻松地分析应用程序的性能。

新的性能概要查看器 ：新的性能概要查看器使您可以更轻松地查看应用程序的性能概要。您可以使用鼠标或键盘来导航性能概要，也可以在性能概要中搜索函数。
新的内存分析器 ：新的内存分析器使您可以更轻松地分析应用程序的内存使用情况。您可以使用鼠标或键盘来导航内存分析器，也可以在内存分析器中搜索对象。
新的网络请求查看器 ：新的网络请求查看器使您可以更轻松地查看应用程序的网络请求。您可以使用鼠标或键盘来导航网络请求查看器，也可以在网络请求查看器中搜索请求。