工欲善其事,必先利其器,所以掌握浏览器开发者工具各个功能的使用是一件很重要的事情
首先在浏览器中进入开发者模式,这五个箭头所指的是比较重要的功能区。
这个按键可以修改页面元素在本地的显示,以百度为例子
首先点击该按钮,按钮变成了蓝色
然后点击网页中的元素就可以快速定位到对应的代码段
可以注意到,这时候的鼠标不论移到哪里,那块区域的元素属性都会以弹窗形式显现,这时点击就能够快速定位了
这是修改后的页面效果
可以看到百度一下变成了百度两下
除此之外,右键代码段也会有许多的功能,只是因为功能弹窗在点击截图快捷键的时候会隐藏,无法展现在这里了
拖动出右边的窗体,还能够修改界面的样式,这些样式的修改同样只作用于本地,算是自娱自乐,但是在看到优秀的页面效果时,能够通过这种方式拿到CSS的代码。