开发者的浏览器使用小技巧
Replay XHR
XHR，XMLHttpRequest，是一种创建 AJAX 请求的 JavaScript API 。使用 Replay XHR 重放请求而不必刷新页面。
隐藏或删除元素
对选中元素进行操作
选中元素在控制台中即为$0
使用$0获取和改变数据。在浏览器控制台中，$0是一个特殊的变量，它代表当前在Elements（元素）面板中选中的DOM元素，在控制台中输$0，将会返回该元素。
也可以试试[$0]
复制对象属性
有时希望在浏览器控制台中将某些属性复制出来，使用右键复制，或者在控制台使用 copy 函数。
编辑HTML页面
在控制台输入 document.body.contentEditable="true"，就可以对页面直接进行编辑。
document.body.contentEditable="true"
lighthouse
网站性能测评工具
Devtools Snippets
https://bgrins.github.io/devtools-snippets/
https://blog.csdn.net/qq_36237810/article/details/109740786
recorder
与Selenium IDE浏览器插件类似，可用于自动化测试及脚本生成(Puppeteer脚本);前者为Web自动化测试框架Selenium的配套浏览器插件支持Java、Python等测试脚本的生成。
Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。Puppeteer 默认以 无头（headless） 的方式运行, 也可以使用 GUI 的方式运行 Chrome 和 Chromium。
熟悉爬虫或者 UI 自动化的同学可能会联想到 PhantomJS、CasperJS 或者 Selenium，而作为 Chrome DevTools 团队亲自出品和维护的 puppeteer 不管是在功能的完整性、稳定性、兼容性、安全性还是性能都将成为碾压其他工具的存在。
原文链接：https://blog.csdn.net/ory001/article/details/128219778