DevTools 摘要：Chrome 33 中开发人员工具的更新

Question

通过编辑位置和转到列改善您的代码编辑体验，使用 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 ]

Retina 友好的网络酒吧

最初由图像形成的网络条现在已经在 CSS 中创建，使它们独立于分辨率并且对视网膜友好。 [ crbug.com/330659 ]

减少控制台中的噪音

传递给 元视口 标签的未知参数不再在控制台中显示为错误，而是警告意味着您可以筛选的噪音更少。 [ crbug.com/332794 ]

删除颜色格式齿轮

现在移除了用于循环显示颜色格式的样式窗格齿轮，尽管您仍然可以在 DevTools 设置中更改此首选项。 [ crbug.com/333840 ]

粘性控制台选项卡

抽屉中的控制台选项卡现在可以在重新加载后正确记住其状态。 [ crbug.com/328551 ]

改进了对文本自动调整大小的解释

的链接 移动仿真 已添加到 DevTools 中，以帮助解释有关仿真和文本自动调整大小的更多信息，文本自动调整大小复选框也会出现工具提示。 [ crbug.com/319092 ]

远程 IP 地址

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

---

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

Answer 1

美女程序员？？