需求场景 在前端开发中，偶尔需要验证下某个元素上到底绑定了哪些事件，以及监控某个元素上的事件触发情况。 解决方案 普通操作 之前面对这种情况，一般采取的措施就是在各个事件里写console.info，然后进行点击等操作触发事件，或者在控制台trigger元素上的事件 ...

1、控制台中好用的操作： （1）$_ 表示上一次执行的结果，$0 - $4则代表了最近5个选择过的DOM节点。 在审查元素时点击DOM结点树的节点后，这些被点击过的节点会被记录下来，$0会返回最近一次点选的DOM结点，以此类推，$1返回的是上上次点选的DOM节点，最多保存了5个，如果不够 ...

参考：https://www.cnblogs.com/smartsmile/p/11750833.html ...

打开浏览器控制台： js面试题目：https://www.cnblogs.com/7qin/p/9677928.html . js message() View Code jump ...

我们都知道Chrome浏览器在控制台可以通过console.log("Hello");输出调试信息。但是每次打印的内容是黑白的难免有些单调，今天偶然的发现某网站居然能够打印彩色调试信息。文字是彩色的，背景也是彩色的。于是查看了他的代码，原来实现起来挺简单 ...

jquery1.x 版本 控制台输入 $.cache[$('#clickMe').get(0)[$.expando]].events 输出元素上绑定的事件 jquery1 , jquery2 版本 （ $._data会在jquery2之后的新版本中废除 ） 控制台输入 $._data ...

这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的，因为 google 也在不断完善chrome developer tool，所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的，mac 下的应该大同小异 ...

大家有没有遇到这样的一个问题，我们在分析一些大型电子商务平台的Web前端脚本时，想找到一个元素绑定的点击事件，并不是那么容易，因为有些前端脚本封装的比较隐蔽，甚至有些加密脚本，用传统的查找元素ID、或者页面源码方法去找，可能最后徒劳无功。下面我来介绍利用chrome浏览器来查找元素绑定的事件 ...