样式编辑器样式编辑器现已支持 CSS source map(详见开发备注),并且能够自动填充 CSS 属性和值。(详见开发备注) 想要看到更多相关内容?你可以查看我们先前发布的一篇文章,介绍了如何在开发者工具中借助 source map 来编辑 Sass 和 Less 文件
调试器我们在源文件列表的右边添加了一个经典的调用堆栈列表。(详见开发备注) 调试器里还新增了一个「启用/禁用所有断点」按钮。它可以一次性地切换所有断点的状态,方便开发者在正常模式和调试模式间快速地切换。(详见开发备注) 你还可以从调试器里直接选中并审查 DOM 节点。如果你的鼠标悬停在变量列表中一个 DOM 节点变量上,页面中对应的元素就会高亮。如果你点击下图所示的审查器图标,该节点就会在元素审查标签中被打开。控制台输出的节点也支持这个功能。(详见开发备注) 新的代码美化工具(pretty printer)现在可以保留源代码中的注释了。我们使用的美化工具是开源的 pretty-fast,它相当地快。如果你发现它运行很慢,不妨告诉我们。(详见开发备注) 控制台我们对 console.trace 进行了改进。调用堆栈与控制台其他输出展示在一起,并且每行末尾有一个指向对应源代码的链接,点击链接可以在调试器里将其打开。(详见开发备注)
同时我们还改进了控制台里对象的输出,根据对象类型的不同,控制台会展示不同的细节。(详见开发备注) |