您的位置首页生活百科

如何使用浏览器的开发者工具

如何使用浏览器的开发者工具

的有关信息介绍如下:

如何使用浏览器的开发者工具

在学网页制作,网页开发,或者网络爬虫等的时候基本上都会有分析网页源代码的时候。那么,这时候就需要会使用浏览器的开发者工具。具体如何使用呢?可以参考以下步骤。

打开开发者工具有三种方法。第一种方法是打开要分析源代码的网页,然后敲击键盘上的F12即可。打开后如下图所示:

打开开发者工具的第二种方法(在使用笔记本打开开发者工具时用F12会有点不太方便,因为F12通常会有独特的功能。那么此时就可以用第二种或者第三种方法):选择浏览器的菜单项,其中工具一栏中有开发者工具,点击即可。如图所示操作即可:

第三种方法:打开网页,鼠标在空白处右击,选择“检查”即可。如图:

开发者工具打开后,默认出现的页面是网页源代码,及ELEMENTS选项卡的内容。因此可以通过开发者工具查看网页源代码,而且,在这里,动态生成的数据也可以看到。(若鼠标右击选择查看网页源代码,则动态生成的内容基本上是写在