JS逆向学习一 浏览器开发者工具 element 元素

工欲善其事,必先利其器,所以掌握浏览器开发者工具各个功能的使用是一件很重要的事情

首先在浏览器中进入开发者模式,这五个箭头所指的是比较重要的功能区。

这个按键可以修改页面元素在本地的显示,以百度为例子

首先点击该按钮,按钮变成了蓝色

然后点击网页中的元素就可以快速定位到对应的代码段

可以注意到,这时候的鼠标不论移到哪里,那块区域的元素属性都会以弹窗形式显现,这时点击就能够快速定位了

这是修改后的页面效果 

可以看到百度一下变成了百度两下 

除此之外,右键代码段也会有许多的功能,只是因为功能弹窗在点击截图快捷键的时候会隐藏,无法展现在这里了

拖动出右边的窗体,还能够修改界面的样式,这些样式的修改同样只作用于本地,算是自娱自乐,但是在看到优秀的页面效果时,能够通过这种方式拿到CSS的代码。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值