1、
在某一个js或者css文件中搜索,ctrl+F
如果你想在加载的所有js和css文件中进行全局搜索,那么ctrl+shift+F可以实现(这个经常使用)
2、chrome选中某个html节点,查看html元素信息:
ctrl+ shift + c,然后再选中页面上你想查看的html部分(非常好用)
3、隐藏某个html的元素:
鼠标选中相应的阶段,按下H,就可以隐藏改节点元素,(类似于visible属性隐藏,即仍旧占位)
4、在浏览器中,编辑某段Html元素
选中html的节点元素,按下F2,可以触发编辑该节点的元素(常用)
5、样式的数值调整
例如你想调整字体,选中改css的fontsize,触发上下箭头操作,或者shift+上下箭头,可以直观的看到字体大小变化的影响(常用)
6、查找某个html节点的,同级节点或者子母节点:
选中html元素节点,左右箭头可以切换到字子母节点结构
上下箭头可以切换到同级节点结构
Thx
For more: To Be continued!