开发者工具摘要

Umar Hansa
Umar Hansa

异步调用堆栈

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

异步调用堆栈。

getEventListeners(window)

查看网页的 DOM 时,哪些元素(如果有)注册了 JavaScript 事件监听器并不总是显而易见。现在,您可以通过控制台面板中的 getEventListeners 检索 window 对象(或任何 DOM 节点)上的所有已注册事件监听器,该方法是命令行 API 的一部分。[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]

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

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

适合 Retina 显示屏的网络信号栏

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

减少控制台中的噪声

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

移除颜色格式齿轮图标

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

控制台粘性标签页

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

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

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

“自动调整文本大小”提示

远程 IP 地址

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

远程 IP 地址

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