您当前的位置:首页 > 计算机 > 软件应用 > 浏览器应用

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

时间:12-14来源:作者:点击数:

通过编辑位置和转到列改善您的代码编辑体验,使用 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 稳定版中使用!

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐