才发现chrome的开发者工具原来还有个功能叫Logpoint
兄弟们
我才发现Chrome还有这个东西叫log point
嗯看过我视频的老粉可能都知道
我之前在调试第三方类库的时候
如果想要去输出打印一些值
我只能去修改源码，在源码里加Console log
那现在不用了
举个例子啊
我现在就想在他这个排序的方法里
去输出一些值啊
首先我们先找到那个方法
因为我点击这个小箭头就可以排序
所以呢我们先找到这个小箭头
看一下有什么线索
大家看他有一个类名叫sort-caret
我们先找到这个类（样式）
然后呢我们去
network里边重新加载一下这个网页（刷新）
把所有的JS都抓到
大家看
然后我们用option + command + F
Windows应该control + shift + F
然后我们粘贴过来啊
搜一下大家看有两个地方
这个是CSS，肯定不是
我们看这个
（把这个关掉）
看看这有一个这个类（样式）
然后呢on click它调用了这个方法
我们再搜一下
handleSortClick在这里
然后呢我们就找到这个方法了对吧
我们先试一下它是打个断点
好点一下注意他就停到这了
说明走这个方法没问题
然后呢往下我就想…（先把这个断点先去掉）
我就想在比如说在这想输出一下
这个a变量的值
那正常点击是加断点
我们可以右键
添加这个logpoint
然后注意
这块要选logpoint
然后呢
我们在这输入我们想要打印的东西
比如先随便加个字符串
然后可以像Console.log一样
在这可以打印多个
比如a、再加一个o
然后回车
这样的话出现一个粉色的说明加上了
注意这时候我们回到console
我点一下
大家看，他就有了这个变量
然后这是那个o就可以了
最后更新于