2.前端调试(控制台使用)

消息堆叠

如果一条消息连续重复,而不是在新行上输出每一个消息实例,控制台将“堆叠”消息并在左侧外边距显示一个数字。此数字表示该消息已重复的次数。

2.前端调试(控制台使用)_第1张图片

如果您倾向于为每一个日志使用一个独特的行条目,请在 DevTools 设置中启用 Show timestamps

2.前端调试(控制台使用)_第2张图片

由于每一条消息的时间戳均不同,因此,每一条消息都将显示在各自的行上

2.前端调试(控制台使用)_第3张图片

清除历史记录

  • 在控制台中点击右键,然后按 Clear console
  • 在控制台中键入 clear()

保留历史记录

启用控制台顶部的 Preserve log 复选框可以在页面刷新或更改之间保留控制台历史记录。

消息将一直存储,直至您清除控制台或者关闭标签。

2.前端调试(控制台使用)_第4张图片

快速查找文件

当DevTools打开的时候,你可以按下Ctrl + P

2.前端调试(控制台使用)_第5张图片

在源代码中搜索

按下Ctrl + Shift + F

2.前端调试(控制台使用)_第6张图片

选择下一个匹配项

当你在Sources 标签下编辑文件时,如果你按下Ctrl + D (Cmd + D),下一个匹配项也会被选中

2.前端调试(控制台使用)_第7张图片

你可能感兴趣的:(前端调式技巧学习记录,开发语言)