Chrome 70开发者工具更新

原文请参见: https://developers.google.com/web/updates/2018/08/devtools

控制台动态表达式

在控制台上方可以放一个动态表达式,用于实时监控它的值
1. 点击 “Create Live Expression”按钮(图标是一个眼睛),打开动态表达式界面
这里写图片描述
2. 输入你想要监控的表达式
3. 点击其他地方即可保存

在Eager Evaluation的时候高亮显示DOM节点

现在如果在控制台输入DOM表达式的时候,网页中相应DOM节点将高亮显示。

性能(Performance)面板优化

在Chrome 70里面,处理和可视化更快了

更可靠的调试

Chrome 70修复了一些导致断点消失或触发不了的bug。还修复了一些代码映射的bug。

在命令窗口启用网络限流

条件断点的自动补全

Audio Context事件断点

支持使用ndb调试Node.js程序

“ndb”是一个新的Node.js 调试器。除了你可以在开发者工具中得到的普通调试功能外,ndb还提供:

  • 检测和附加子进程
  • 在模块加载前加断点
  • 在开发者工具界面修改文件
  • 默认以黑盒模式对待当前工作目录以外的所有脚本代码
发布了20 篇原创文章 · 获赞 9 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/time1812/article/details/82656748