06 Chrome调试工具

技术交流QQ群:1027579432，欢迎你的加入！

1.打开调试工具

• 打开Chrome浏览器，按下F12键或右击页面空白处->检查。

2.使用调试工具

• Ctrl+滚轮可以放大开发者工具代码大小；
• 左边是HTML元素结构，右边是CSS样式；
• 右边CSS样式可以改变数值(左右箭头或者直接输入)和查看颜色
• Ctrl+0复原浏览器大小
• 如果点击元素，发现右侧没有样式引入，极有可能是类名或样式引入错误；
• 如果有样式，但是样式前面有黄色叹号提示，则是样式属性书写错误；

资料下载

• 笔记及代码，欢迎star,follow,fork......