chrome浏览器的一些常用的前端开发快捷键

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!