chrome开发者控制台小技巧（个人向总结）
作者:
madpluto | 来源:发表于
2017-10-13 11:28 被阅读0次
- 元素选择器($)
$ // 相当于 document.querySelector 。
$$ // 相当于 document.querySelectorAll 。
$_ // 返回上一个表达式的值
$0-$4 // 返回最近5个Elements面板选中的DOM元素。
dir // console.dir
- 让chrome变成编辑器
document.body.contentEditable=true
- 在源代码中搜索
快捷键是Ctrl + Shift + F (Cmd + Opt + F)，支持正则表达式
- 代码格式化
有时在控制台的Sources查看文件，会看到压缩代码，点击左下角中括号自动转换格式。
- 改变颜色格式
在颜色预览功能使用快捷键Shift + Click，可以在rgba、hsl和hexadecimal来回切换颜色的格式
- 断点调试
在sources里要调试的地方添加 debugger或者单击代码左侧，即可将代码执行在此处冻结
本文标题：chrome开发者控制台小技巧（个人向总结）
本文链接：https://www.haomeiwen.com/subject/qsqzyxtx.html
网友评论