谷歌浏览器F12学习(2),一个软件测试菜鸟的学习之路
前几天因为项目上线,加班到了2点左右,今天恢复了元气,继续学习。今天先学习Elements(元素)的详细内容。
先看Elements 显示的画面,如图所示:
最左上角的箭头是选择图标,点击它,然后再点击网页中的元素,可以快速定位代码的位置。可以修改里面内容,修改后会直接在网页中展示出来,但是不会修改服务器上的数据,刷新之后有会还原,所以想怎么搞就怎么搞。
界面右侧的styles显示的是css属性值,在这里可以实时修改css的所有属性。
点击右侧的Computed面板,显示的是盒子模型参数,这些参数可以修改
今天就先学习这么多了,这么晚了先睡了,明天还有上班,晚安各位打工人