开发者工具摘要

Umar Hansa
Umar Hansa

异步调用堆栈

堆栈轨迹现在可以与事件的异步来源相关联。支持计时器、动画帧、XHR、事件监听器等。我们很快就会在 HTML5 Rocks 上发布有关异步调用堆栈的完整说明。(别忘了在开发者工具实验中选中“启用对异步堆栈轨迹的支持”)。[crbug.com/272416]

异步调用堆栈。

getEventListeners(window)

查看网页的 DOM 时,哪些元素(如果有)注册了 JavaScript 事件监听器并不总是显而易见。现在,您可以通过控制台面板中的 getEventListeners 在命令行 API 中检索 window 对象(或任何 DOM 节点)上的所有已注册事件监听器。[crbug.com/336472]

“Sources”面板介绍了编辑位置的概念,这实际上是指代码编辑器中的光标位置。Alt- 会将您带到上一个修改位置(您之前所在的代码段),Alt+ 则会向前跳转。[crbug.com/281507]

更新了阴影自动建议值

CSS 属性 box-shadow 的自动建议值已更新为包含 none 的关键字。[crbug.com/332355]

Box-shadow none

前往特定行号和特定列

在“Sources”(来源)面板的“Search by filename”(按文件名搜索)(Ctrl + OCmd + O) 对话框中,使用 :line:column 前往特定列的行号。[crbug.com/337909]

使用工具栏手柄更轻松地调整大小

现在,开发者工具主工具栏上的任何空白区域都充当有效的大小调整手柄。[crbug.com/304730]

适合 Retina 显示屏的网络栏

最初由图片构成的网络信号栏现已采用 CSS 创建,因此不受分辨率限制,并且适用于 Retina 屏幕。[crbug.com/330659]

减少控制台中的噪声

传递给 meta viewport 标记的未知参数不再在控制台中显示为错误,而是显示为警告,这意味着您需要过滤的噪声更少。[crbug.com/332794]

移除了颜色格式设置齿轮

用于循环切换颜色格式的“样式”窗格齿轮图标现已移除,但您仍然可以在开发者工具设置中更改此偏好设置。[crbug.com/333840]

固定的控制台标签页

抽屉式导航栏中的控制台标签页现在会在重新加载后正确记住其状态。[crbug.com/328551]

改进了文本自动调整大小的说明

我们在开发者工具中添加了指向移动设备模拟文档的链接,以便详细说明模拟和文本自动调整功能,同时文本自动调整复选框旁边还会显示一个提示。[crbug.com/319092]

文本自动调整大小提示

远程 IP 地址

现在,您可以在“网络”面板的资源视图中查看主机的 IP 地址。[crbug.com/255602]

远程 IP 地址

感谢您的阅读。您可以在 Canary 版中试用这些功能,或者使用 12 月版中提到的许多功能,这些功能现已在 Chrome 稳定版中推出!