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

Paul Bakaus
Paul Bakaus

根据最适合您的方式重新排列开发者工具标签;查看框架事件绑定的确切位置,并阻止网络请求,以了解哪些第三方脚本拖慢了速度。

改进了面板导航:控制台位于第 2 个位置、标签页重新排序和实用的下划线

在调查开发者工具的哪些部分最常用后,我们发现全屏控制台面板不应位于主标签栏的最后位置。作为使用次数第二多的面板,它现在是第二个标签页。这在分辨率较低时尤为重要,因为我们无法一次显示所有标签页。

不过,我们理解。经典顺序是肌肉记忆的一部分,你会在一段时间内感到头晕。或者,天哪,您可能只是讨厌全屏控制台!不用担心,我们会为您提供帮助。现在,您可以通过拖动来调整标签页的顺序,例如:

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

支持框架事件监听器

在使用 DevTools 时,由 jQuery 等 JS 框架创建的事件有时会带来麻烦。这是因为大多数框架都会将原生 DOM 事件封装到其自定义事件 API 中,因此查看事件监听器并不能真正揭示正在发生的情况:

框架监听器处于关闭状态

不过,借助“事件监听器”标签页中的新“框架监听器”选项,DevTools 会识别框架封装部分并自动解析它。现在,由框架绑定的事件的外观和行为与原生事件完全相同,可告知您实际绑定的位置:

框架监听器处于开启状态

其他优秀选手

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

    时间轴提示。
  • 同样,Network 面板现在为空时也会显示实用提示:

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


与往常一样,您可以通过 Twitter 或下方的评论与我们分享您的想法,并通过 crbug.com/new 提交 bug。

下个月见! Paul Bakaus 和 DevTools 团队