HTML第四课——Chrome浏览器F12的使用

时间:2022-06-01
本文章向大家介绍HTML第四课——Chrome浏览器F12的使用,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

今天我们继续哈

。最近天热,人都变懒了


先和大家说一下什么是盒子模型:我们在Chrome中右键查看元素时看到:

上图中蓝色部分就是盒子模型了。上面是一个div标签的块级元素,默认会占满一行,宽度默认100%。但是我们从上图看到蓝色盒子左侧有一块间隙,这就更可以证明它是盒子模型了。这时候我们就可以通过对应的属性来修改它的样式。

我们既然要写html代码,那就不可避免的要会用Chrome的F12功能,现在我们就先来介绍一下,大家在做测试的时候有时候会遇到图片加载不上的情况,如果你给开发提bug只是写图片加载不出来这当然也没什么问题,但是如果你再加上加载不出来的原因,那么开发就会对你另眼相看了,我们说测试点点点无非是发现问题,但同样的问题不同的提法效果是不一样的,如果你可以定位到出错的原因,那你才称得上是高级测试,当然了,船长也只是初级的菜鸟啦

。但是我们可以学习进步嘛。

如上图所示,此外如果做接口测试那就必须会用下图:

今天就先说这些,再不发就过十二点了,过了十二点明天就不能发了,以后我们尽量每天少讲,每天都讲,哈哈,谢谢大家关注哈