【译】你不知道的 Chrome 调试工具技巧 第十五天：Twitter day!

特别声明

本文是做者 Tomek Sułkowski 发布在 medium 上的一个系列。据做者透露一共有 24 篇，一直更新到 12 月 24 日
版权归原做者全部。

做者在Twitter上推荐咱们的中文翻译啦,截图在最后

译者在翻译前已经和做者沟通获得了翻译整个系列的受权。
为了避免影响你们阅读，受权的记录在这里

正文

在立刻就要迎来假期的这 24 天里，我将会发布一系列短篇的文章，关于如何更加有意思的使用开发工具，昨天咱们学习了一些实用的 DevTools 的快捷键，今天我会作(tou)一(ge)些(xiao)改(lan)变，并从社区中获取一些 tips 。咱们能够称之为 Twitter appreciation 日 ;-)

40. monitorEvents function monitorEvents函数

还记得前几天咱们讨论了用 monitor 方法来监听函数？你能够使用名为 monitorEvents 的函数，对 events 作同样的事情。

来源：Chrome DevTools认证帐号

顺便说一句若是你还没关注ChromeDevTools的话，赶忙关注。

41. console.log 基于调用堆栈自动缩进

此处应有掌声 🤯 (译者注：这句为意译)

这太酷了！我在想是否是把这条加入到咱们这周早些日子的custom formatters tip中

42. 给你的 console.log 加上 CSS 样式

给你的打印文本加上 %c 而后 console.log 的第二个参数变成了...CSS 规则！你能够利用这一点让你的日志脱颖而出(例如 Facebook 在你打开 console 的时候所作的同样)

来源：Álvaro Trigo 🐦🔥

43. replay XHR requests (从新发送 XHR 的请求)

如题所示

来源: Chrome Developers

44. expand all child nodes in Elements panel 在元素面板中展开全部的子节点

相比于点击级联的 ▶ 按钮，不如使用右击节点后的 expand recursively 命令：

来源：Umar Hansa@umaar

Umar 有超多机智的 tips ,我说的是 超多 。墙裂推荐！

今天的分享就到这里~

惯例： 若是你从这里学到了一些新东西

→ 你能够点个赞再走嘛~
→ 关注我：Twitter：Tomek Sułkowski

其余系列

其余此系列的文章，立刻就会翻译出来，到时会贴出对应的连接在此处。

• 【译】你不知道的 Chrome 调试工具技巧 第一天：console 中的'$'
• 【译】你不知道的 Chrome 调试工具技巧 次日：copying & saving
• 【译】你不知道的 Chrome 调试工具技巧 第三天：console methods
• 【译】你不知道的 Chrome 调试工具技巧 第四天：the Elements panel（元素面板）
• 【译】你不知道的 Chrome 调试工具技巧 第五天：console 的 log 中,让人疑惑的案例
• 【译】你不知道的 Chrome 调试工具技巧 第六天：command 菜单
• 【译】你不知道的 Chrome 调试工具技巧 第七天：异步 consle 的趣味小窍门
• 【译】你不知道的 Chrome 调试工具技巧 第八天：Color picker（颜色选择器）
• 【译】你不知道的 Chrome 调试工具技巧 第九天：给 console 计时
• 【译】你不知道的 Chrome 调试工具技巧 第十天：custom formatters（自定义格式转换器）
• 【译】你不知道的 Chrome 调试工具技巧 第十一天：style editors continued（样式编辑器后续）
• 【译】你不知道的 Chrome 调试工具技巧 第十二天：忍者日志打印！(the ninja logs)
• 【译】你不知道的 Chrome 调试工具技巧 第十三天：对象 & 方法
• 【译】你不知道的 Chrome 调试工具技巧 第十四天：其余快捷键~
• 【译】你不知道的 Chrome 调试工具技巧 第十五天：Twitter day~
• 【译】你不知道的 Chrome 调试工具技巧 第十六天：断点
• 【译】你不知道的 Chrome 调试工具技巧 第十七天：再会 console
• 【译】你不知道的 Chrome 调试工具技巧 第十八天：Drawer 里的秘密
• 【译】你不知道的 Chrome 调试工具技巧 第十九天：深刻 Drawer
• 【译】你不知道的 Chrome 调试工具技巧 第二十天：Workspace的黑魔法
• 【译】你不知道的 Chrome 调试工具技巧 第二十一天：Snippets(代码块)
• 【译】你不知道的 Chrome 调试工具技巧 第二十二天：network
• 【译】你不知道的 Chrome 调试工具技巧 第二十三天：Drawer tips 后续
• 【译】你不知道的 Chrome 调试工具技巧 第二十四天：最后一天，元旦牛逼

写在最后

若是你对个人翻译表示确定，也能够关注我一波哦~ 顺便个人开源项目，求一波 star→ 看这里, 美丽的博客系统

做者在Twitter上推荐咱们的中文翻译啦