把我们每天都在用的Chrome DevTools好用但冷门的功能全部整理了一遍，绝对有你不知道的～～看完绝对有收获。

[本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。] 1. 查看元素伪类 css 样式 例如我想查看元素触发 hover 时的 css 样式。先选中该元素，然后按下图操作： 2. 临时增删元素 class 3. document.body.conte…

对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 所有的我都看了，这里随便列举几个个人之前不了解，觉得挺有用的。 多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win…

Chrome F12开发者工具 元素 调试dom结构，调试css样式。 图最右与二级tab计算样式是同一个，在生效的同一个样式比较多时，可以在这个功能里检验最终的样式 强制设置状态，调试交互状态的样式

简介 浏览器自带的工具，用于开发时调试和检查网页应用的状态 打开方式 chrome 右上角菜单，更多工具，开发者工具 在页面上右键，菜单里选检查（inspect） windows：ctrl + shi