ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-06-10 23:59:02  阅读:18  来源: 互联网

标签:Elements 菜鸟 Element 学习 修改 点击 软件测试


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

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

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

在这里插入图片描述
最左上角的箭头是选择图标,点击它,然后再点击网页中的元素,可以快速定位代码的位置。可以修改里面内容,修改后会直接在网页中展示出来,但是不会修改服务器上的数据,刷新之后有会还原,所以想怎么搞就怎么搞。

在这里插入图片描述
界面右侧的styles显示的是css属性值,在这里可以实时修改css的所有属性。

在这里插入图片描述
点击右侧的Computed面板,显示的是盒子模型参数,这些参数可以修改

在这里插入图片描述
今天就先学习这么多了,这么晚了先睡了,明天还有上班,晚安各位打工人

标签:Elements,菜鸟,Element,学习,修改,点击,软件测试
来源: https://blog.csdn.net/panqihuan33/article/details/117793447

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有