首先打开控制台,对于mac电脑,command+option+J打开控制台,window电脑,F12即可。

其次,打开命令菜单,可选择你要用什么,如下:打开console选项卡(按Cmd + Shift + P(Mac)或Ctrl + Shift + P(Windows,Linux)打开命令菜单。),默认情况下是console。

前端常见调试技巧篇总结(持续更新...) 

一,console(控制台下调试方法)

  1,方向键盘的上下键 copy(content)  // 将content(也可以说是命令)复制到剪贴板

  2,document.body.contentEditable=true // 可以让当前浏览器页面变成编辑器,可随意输入文字等内容

  3,clear()  // 清空控制台和内存

  4,隐藏部分console日志

    如果日志太多,我们可以隐藏掉部分 Console 日志(在某条输出日志的脚本上单击右键,filter -> hide),之后该种类输出不会出现。

  5,

  前端常见调试技巧篇总结(持续更新...)

  6,

  前端常见调试技巧篇总结(持续更新...)

  7,

  前端常见调试技巧篇总结(持续更新...)

  8,

  前端常见调试技巧篇总结(持续更新...)

  9,

  前端常见调试技巧篇总结(持续更新...)

 

二,source

  1,代码格式化

  前端常见调试技巧篇总结(持续更新...)

  2,

 

 

 

 

(本人上述调试技巧均搜集于网上相关资料后进行整合的。)

另:附上一篇很好的介绍 https://developers.google.com/web/tools/chrome-devtools/

相关文章:

  • 2021-07-11
  • 2021-12-19
  • 2021-11-25
  • 2022-12-23
  • 2021-06-15
  • 2022-03-01
  • 2022-03-01
  • 2021-12-16
猜你喜欢
  • 2022-03-06
  • 2022-12-23
  • 2021-06-17
  • 2021-08-20
  • 2021-12-07
  • 2022-01-07
  • 2021-07-20
相关资源
相似解决方案