Chrome DevTools常见骚操作

[BestDI]

🏂 Chrome DevTools中的这些骚操作，你都知道吗

• 命令（Command） 菜单 🏈
• 截图DOM元素 🏉
• 在控制台中使用上次操作的值 🎃
• 重新发起xhr请求 🚀
• 编辑页面上的任何文本 ✍
• 网络面板（Network）的幻灯片模式 🌇
• 动画检查 🎏
• 递增/递减 CSS 属性值 🃏
• 在低端设备和弱网情况下进行测试 📱
• copying & saving 📜
  • copy()
  • Store as global variable
• 自定义 devtools 🌈
• CSS/JS 覆盖率 ✅
• 自定义代码片段 Snippets 🌰
• 将图片复制为数据 URI 🦊
• 媒体查询 🔭
• keys/values 🎯
• table 🦐