Chrome调试工具进阶指南(一)

一、console

1.页面刷新后仍然保留日志

这是我相当喜欢的一个功能,在不知道这个功能之前,遇到某个log后有刷新或者跳转逻辑的时候,经常需要手动return,多次改动后刷新对比效果也是靠记忆很麻烦,非常不直观,浪费了不少时间。

设置如下:

点击console面板右上角的设置齿轮logo,选中“preserve log”即可,如图所示,刷新后中文日志依然保留,蓝色字体标明了你刷新或者跳转的时机和路径,非常方便。 Chrome调试工具进阶指南(一)_第1张图片

2.展示日志打印时间

无需多言,直接看效果:

设置位置如图:

Chrome调试工具进阶指南(一)_第2张图片

3.直接在console安装npm包<

你可能感兴趣的:(chrome,前端)