作者:六尾11 | 来源:互联网 | 2020-09-05 09:15
本篇文章介绍了一些Chrome调试时的技巧,希望对各位学习前端开发的朋友有帮助!在Devtools界面下,键入cmd+shift+p将其激活,然后开始在栏中键入要查找的命令或输入?号以查看所有可用命令。
本篇文章介绍了一些Chrome调试时的技巧,希望对各位学习前端开发的朋友有帮助!
$$(选择器,[startNode]):全选择器
$x(path, [startNode]):xpath选择器
$x(path)返回与给定xpath表达式匹配的DOM元素数组 .
$x('//p'):返回页面上的所有p元素。
getEventListeners(object):获取指定对象的绑定事件
5、Console...的多种用法
1.变量打印:%s、%o、%d、和%c
例如: const text = "文本1"
console.log(打印${text})
//结果为打印文本1
2.布尔断言打印:console.assert()
做前端调试时很有用。
3.console.table()内容可以以表格的形式输出.
更多前端开发技巧,请关注js教程栏目。
以上就是前端开发Chrome调试的小技巧的详细内容,更多请关注 第一PHP社区 其它相关文章!