前端开发Chrome调试的小技巧(2)-木庄网络博客

2022-03-09 05:21:17 PHP中文网 JavaScript 百度已收录

$$（选择器，[startNode]）：全选择器 $x(path, [startNode])：xpath选择器

$x(path)返回与给定xpath表达式匹配的DOM元素数组 .

$x('//p'):返回页面上的所有p元素。

getEventListeners（object）:获取指定对象的绑定事件

5、Console...的多种用法

1.变量打印：%s、%o、%d、和%c

例如： const text = "文本1"

1 2	`console.log(打印${text})` `//结果为打印文本1`

2.布尔断言打印：console.assert()

做前端调试时很有用。

3.console.table()内容可以以表格的形式输出.

更多前端开发技巧，请关注js教程栏目。

更多相关阅读请进入《Chrome》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者