chrome调试工具

Posted lisalisalisa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了chrome调试工具相关的知识,希望对你有一定的参考价值。

chrome浏览器提供了一个非常好用的调试工具,可以用来调试我们的html结构和CSS样式

一、使用调试工具

1、ctrl+滚轮可以放大开发者工具代码大小

2、左边是HTML元素结构,右边是CSS样式

3、右边CSS样式可以改动数值(左右箭头或者直接输入)和查看颜色

4、ctrl+0复原浏览器大小

5、如果点击元素,发现右侧没有样式引入,极有可能是类名或者样式引入错误。

6、如果有样式,但是样式前面有黄色叹号提示,则是样式属性书写错误。

以上是关于chrome调试工具的主要内容,如果未能解决你的问题,请参考以下文章

chrome调试工具

怎么在chrome调试工具直接修改js代码?

0027 chrome调试工具

效率系列 Chrome调试技巧

开发人员调试工具Chrome Workspace

Chrome开发者调试工具