Chrome浏览器DevTools小技巧
2023-12-06 本文已影响0人
狂奔的胖蜗牛
1.搜索DOM树中的节点
image.png
在元素tab下，按command+f，进入搜索。
image.png
可以在里面输入字符串、css选择器或者xpath来进行搜索。
2.界面滚动到指定元素的位置
image.png
在元素中，右键点击要滚动到的元素，然后选择滚动到视野范围内即可。
3.从控制台访问节点
在元素tab中，点击了某个元素后，后面会有一个0即可获取到该元素。
image.png
或者在元素tab中，右键点击某个元素，然后选择复制->复制js路径，然后在控制台粘贴，也可以快速获取到元素。
image.png
还有中方式，就是将元素存储为全局变量，控制台就会自动打印出来。
image.png
