当前位置：网站首页>32 chrome调试工具的使用

32 chrome调试工具的使用

2022-07-25 14:41:00 【hello_sunny123】

Chrome 调试工具

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

使用调试工具

1. Ctrl+滚轮 可以放大开发者工具代码大小。

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

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

4. Ctrl+0 复原浏览器大小。

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

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

在这里插入图片描述

查看颜色

在这里插入图片描述

复原浏览器

在这里插入图片描述

没有引入

在这里插入图片描述

书写错误

在这里插入图片描述

原网站

版权声明
本文为[hello_sunny123]所创，转载请带上原文链接，感谢
https://blog.csdn.net/hello_sunny123/article/details/118546015

边栏推荐

猜你喜欢

随机推荐