写点什么

你想学 Python 爬虫?看看这篇关于开发者工具神器的博客吧

作者:梦想橡皮擦
  • 2022 年 5 月 23 日
  • 本文字数:1434 字

    阅读完需:约 5 分钟

⛳️ 一文描述清楚控制台

本篇博客我们将在上文听说你在写 Python 爬虫,你对浏览器的开发者工具了解多少?【多图预警】的基础上,继续学习。


学习的重点将围绕【控制台】展开,详细为你介绍这个神奇的工具。



首先要知道的第一点就是可以在 > 符号后面编写 JS 代码,例如我们在网页中实现一个 HELLO WORLD 的弹窗。


注意按下回车运行代码。



除了直接切换外,也可以通过抽屉式面板形式展开控制台。


控制台 (Console)具备如下功能:


  1. 堆叠冗余消息在控制台中展示;

  2. 按严重性区分,可隐藏网络消息,也可通过正则表达式模式过滤输出。

⛳️ 按钮含义

说明将按照截图上的索引序号。



  1. 控制台边栏控制显示隐藏按钮

  2. 清空控制台,快捷键是 Ctrl+L

  3. JS 上下文;

  4. 创建实时表达式;

  5. filter 过滤;

  6. 日志级别;

  7. 问题汇总收起;

  8. 控制台设置。

⛳️ 重点功能介绍

当侧边栏打开之后,日志级别位置会被禁用,如下图所示:



同时侧边栏中会对当前网页所有的信息进行聚合,例如打开某站点,出现数据如下图所示:



一般情况下,我们关注的都是错误信息,即出现红色警告 时。


💰 过滤日志级别

在控制台中集成了四种级别,分别是详细、信息、警告、错误,其分别对应如下内容。


  • verbose 详细:显示 console.debug() 级别的输出;

  • info 信息:显示 console.info() 级别的输出;

  • warnning 警告:显示 console.warn() 级别的输出;

  • Errors 错误:显示 console.error() 级别的输出;

  • Default 默认,默认勾选 Info,Warnning,Errors。

💰 filter 过滤

测试前,我们可以先在控制台手动执行一些内容做测试。


console.log("a");console.log("ab");console.log("bc");console.log("c");
复制代码



注意是筛选输出内容,不是筛选命令。


过滤就是在控制台进行筛选,有三种使用方式:


  1. 查找需要的内容,直接输入文字即可匹配,例如输上面的案例;

  2. 屏蔽内容,使用 - 加内容即可,例如 -a

  3. 可以使用正则表达式进行复杂匹配,与 JS 的用法一致,不在过多说明。

💰 设置

点击设置按钮,即可查阅控制台设置面板,其中保留日志就是非常好用的功能。


💰 创建实时表达式

点击小眼睛图标,可以打开动态表达式页面。



这里可以动态监控某些参数,在编写爬虫的时候,可能会成为一种利器。测试的话,你可以输入 Date.now(),然后发现时间戳一直变动,执行频率是 250 毫秒。

💰 主控制台区域

控制台会自动收起部分相同的日志,并出现相应的条数,例如下述数字 9 ,表示有 9 条相同的日志。



如果不想合并,可以在设置中取消如下勾选,再次刷新页面,相同的提示会展开显示,如果你想测试环境,可以在控制台输入一段循环代码,如图下所示:



for (var i = 1; i < 5; i++) {  console.log(1);}
复制代码


运行结果如下所示:



注意在控制台实现代码换行,需要使用 Shift+Enter,直接按回车键,会运行代码。除此之外,还可以在开发者工具的全局设置中,开启控制台的时间戳输出,然后再次运行上述循环代码,查看输入结果。



循环结果会发现存在时间戳内容,可以更好的区分代码执行时间。


💰 清除控制台/清楚历史信息

使用快捷键 Ctrl+L,可以清空控制台,也可以使用右键清空控制台。


💰 保留历史记录

勾选控制台(Console)设置中的保留日志(preserve log)功能,可以在页面刷新或者页面跳转时保留控制台信息。该信息直到清除控制台(Console)信息或关闭 tab 页才会失效。



保存历史记录在控制台(Console)中右键单击,然后选择另存为(Save as...),可将控制台输出记录保存到文件中,文件后缀名为 .log

⛳️ 总结

本篇博客我们重点对开发者工具中的控制台进行了说明,希望对你的前端或者 Python 爬虫之路有所帮助。

发布于: 2022 年 05 月 23 日阅读数: 17
用户头像

爬虫 100 例作者,蓝桥签约作者,博客专家 2021.02.06 加入

6 年产品经理+教学经验,3 年互联网项目管理经验; 互联网资深爱好者; 沉迷各种技术无法自拔,导致年龄被困在 25 岁; CSDN 爬虫 100 例作者。 个人公众号“梦想橡皮擦”。

评论

发布
暂无评论
你想学Python爬虫?看看这篇关于开发者工具神器的博客吧_5月月更_梦想橡皮擦_InfoQ写作社区