【爬虫】01.浏览器F12-开发者工具的妙用

F12调试窗功能

1.如何开启调试窗口？

F12、Ctrl+Shift+I、在浏览器中找到开发者工具选项。多了解几种调试窗口的打开方式，有些时候能够绕过禁止快捷键打开调试窗口的反调。

2.调试窗口的简单介绍

常用功能进行介绍：

1.Element

可以直接对html源代码进行定位、删除、修改、摘取等操作。

定位

1.可以大致的翻一下代码，当移动到正确的代码位置时，对应页面也会有框选提示

2.点击调试窗口左上角的光标按钮，选中页面中想要选取的功能，单击即可找到对应代码。

3.在页面中找到想要获取的元素位置，右键→检查，即可跳转到对应代码

删除、修改

还是以bing的搜索按钮为例，为了演示我们可以对元素先进行复制

然后右键选择Delete element即可删除

当然我们还能对标签内部进行属性的添加和修改，具体操作可以选择想要修改的元素→右键→Add attribute/Edit attribute