chrome浏览器是世界上最适合开发人员使用的浏览器的,没有之一。
从 chrome70起,我们可以在控制台上方可以放一个动态表达式,用于实时监控它的值。
image.png
下面是一些有用的表达式:
我们可以把页面上的某元素节点作为全局变量。
image.png
monitorEvents(temp1)
会监视并打印出该元素的所有事件。unmonitorEvents(temp1)
停止记录事件。monitorEvents(temp1, ['mouse', 'focus'])
只记录某类型的事件。可以填 mouse, key, click, touch和control等。参考: https://developers.google.com/web/updates/2018/08/devtools https://developers.google.com/web/updates/2018/10/devtools#bonus https://developers.google.com/web/tools/chrome-devtools/console/command-line-reference