通过编辑位置和转到列改善您的代码编辑体验,使用 getEventListeners() 发现已注册的事件侦听器,在最新版本的 DevTools 摘要中了解一些次要的 DevTools UI 增强。
堆栈跟踪现在可以与事件的异步源相关联。 支持计时器、动画帧、XHR、事件监听器等。 我们很快就会将异步调用堆栈的完整文章发布到 HTML5 Rocks。 (不要忘记在 DevTools 实验中选中“启用对异步堆栈跟踪的支持”。)[ crbug.com/272416 ]

查看页面的 DOM 时,并不总是很明显哪些元素上注册了 JavaScript 事件侦听器(如果有的话)。 所有注册的事件监听器 window现在可以通过 getEventListeners 控制台面板中的 [ crbug.com/336472 ]
源面板引入了编辑位置的概念,这些位置本质上是代码编辑器中的光标位置。 Alt-带您到以前的编辑位置(您以前所在的代码段)和 Alt+前进。 [ crbug.com/281507 ]
自动建议 CSS 属性的值 box-shadow已更新以包含关键字 none. [ crbug.com/332355 ]

使用 转到特定列的行号 :line:column在“源”面板的“按文件名搜索”(Ctrl + O 或 Cmd + O)对话框中。 [ crbug.com/337909 ]
DevTools 主工具栏上的任何空白区域现在都可以作为有效的调整大小句柄。 [ crbug.com/304730 ]
最初由图像形成的网络条现在已经在 CSS 中创建,使它们独立于分辨率并且对视网膜友好。 [ crbug.com/330659 ]
传递给 元视口 标签的未知参数不再在控制台中显示为错误,而是警告意味着您可以筛选的噪音更少。 [ crbug.com/332794 ]
现在移除了用于循环显示颜色格式的样式窗格齿轮,尽管您仍然可以在 DevTools 设置中更改此首选项。 [ crbug.com/333840 ]
抽屉中的控制台选项卡现在可以在重新加载后正确记住其状态。 [ crbug.com/328551 ]
的链接 移动仿真 已添加到 DevTools 中,以帮助解释有关仿真和文本自动调整大小的更多信息,文本自动调整大小复选框也会出现工具提示。 [ crbug.com/319092 ]

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

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

