谷歌浏览器F12学习之Element(1),一个软件测试菜鸟的学习之路

谷歌浏览器F12学习(2),一个软件测试菜鸟的学习之路

前几天因为项目上线,加班到了2点左右,今天恢复了元气,继续学习。今天先学习Elements(元素)的详细内容。

先看Elements 显示的画面,如图所示:

谷歌浏览器F12学习之Element(1),一个软件测试菜鸟的学习之路
最左上角的箭头是选择图标,点击它,然后再点击网页中的元素,可以快速定位代码的位置。可以修改里面内容,修改后会直接在网页中展示出来,但是不会修改服务器上的数据,刷新之后有会还原,所以想怎么搞就怎么搞。

谷歌浏览器F12学习之Element(1),一个软件测试菜鸟的学习之路
界面右侧的styles显示的是css属性值,在这里可以实时修改css的所有属性。

谷歌浏览器F12学习之Element(1),一个软件测试菜鸟的学习之路
点击右侧的Computed面板,显示的是盒子模型参数,这些参数可以修改

谷歌浏览器F12学习之Element(1),一个软件测试菜鸟的学习之路
今天就先学习这么多了,这么晚了先睡了,明天还有上班,晚安各位打工人

上一篇:IDEA快捷键之for循环


下一篇:CopyOnWriteArrayList理解