开发者工具摘要 - 标签页重新排序、控制台 on 2 和框架事件监听器

保罗·巴考斯
Paul Bakaus

根据最适合您的方式,对开发者工具标签页重新排序;查看框架事件的准确绑定位置,并屏蔽网络请求,看看哪些第三方脚本会拖慢您的速度。

改进了面板导航功能:控制台显示第 2 项,标签页重新排序和简洁的下划线

在调查开发者工具最被使用的区域后,我们发现全屏控制台面板不应当出现在主标签栏中的最后一个位置。作为第二常用面板,它现在是第二个标签页。当我们无法同时显示所有标签页时,在分辨率较低的情况下尤其如此。

但是,我们明白了。这种经典顺序是您肌肉记忆的一部分,您会有一段时间感到头晕。或许,您只是讨厌全屏控制台!不用担心,我们会为您提供帮助。现在,您可以通过拖动标签页来重新排序,如下所示:

您对标签页栏所做的更改会保留下来,并且适用于原生标签页和扩展程序提供的标签页。此外,我们还添加了平滑的动画下划线。因为我们就是这样。

支持框架事件监听器

在使用开发者工具时,由 JS 框架(如 jQuery)创建的事件有时会造成问题。这是因为大多数框架都会将原生 DOM 事件封装到其自定义事件 API 中,因此查看事件监听器并不会真正揭示发生的情况:

框架监听器已关闭

但是,借助“Event Listener”标签页中新增的“Framework Listeners”选项,开发者工具会发现框架封装部分,并自动进行解析。现在,由框架绑定的事件在外观和行为上与它们的原生事件完全相同,可告诉您它们实际绑定的位置:

框架监听器开启

其他精华

  • 自定义对象格式化程序可让转译语言(如 CoffeeScript)在开发者工具控制台中更好地设置其对象的格式
  • 在记录过程中,时间轴有一个外观更漂亮的全新对话框,可以一目了然地显示状态、时间和缓冲区使用情况。

    时间轴提示。
  • 同样,网络面板现在为空时也会显示有用的提示:

    网络提示。
  • 您现在可以在“网络”面板中使用过滤条件输入值来过滤混合内容,并将其设置为 mixed-content:displayed


与往常一样,请通过 Twitter 或下方的评论告诉我们您的想法,并将错误提交到 crbug.com/new

下个月见! Paul Bakaus 和开发者工具团队