前端开发Chrome调试工具

时间 2020-05-28

标签前端开发 chrome 调试工具栏目 Chrome 繁體版

原文原文链接

Chrome浏览器提供了一个很是好用的调试工具，能够用来调试咱们的HTML结构和CSS样式。html

1.的打开调试工具浏览器

打开Chrome浏览器，按下F12键或点击页面空白，点击检查工具

2.使用调试工具调试

（1）ctrl+滚轮放大缩小代码htm

(2)左边html 右边CSS调试工具

（3）右边CSS样式能够改动数值和查看颜色。样式

（4）ctrl+0复原浏览器大小错误

（5）若是点击元素，发现右侧没有样式引入，极有可能类名或样式引入错误颜色

（6）若是有样式，可是样式前面有黄色感叹号，则是样式属性书写错误