对于程序员而言，熟练掌握debug工具和方法无疑是工作中很重要的一部分，而对前端开发工程师来说ChromeDevtools是最为常见的调试工具，本文主要介绍一些使用ChromeDevtools的调试技巧，希望能够帮助开发者们提高Debug水平。
01
样式调试
1.快速新增/修改class：选中dom中，点击右侧的.cls激活后，可以通过选择框对现有的class进行删减以及通过输入框新增class。
2.查看计算后的样式：在开发中有一些样式可能是需要通过计算才能得到实际的值的，比如rem，百分比的数值等，而且可能还存在优先级不同导致互相覆盖的情况。这时候如果我们想看到它在页面中的实际数值时，可以在选中dom后通过
联系电话：