玩转|玩转 chrome 效率起飞
效率高不高不知道，真的有趣。Copy as cURL、Copy as PowerShell 使用场景： 前后端沟通无障碍。xxxx/yyy 接口不符合预期，快速让后端快速还原现场定位问题。
使用方式： 在目标接口上鼠标右键 Copy as cUrl （mac）、Copy as PowerShell（windows） 将文本发给后端同学即可，后端在终端输入文本请求接口。
文章图片
Capture full-size screenshot 使用场景： 某天你组长让提供一张网站完整截图，不幸的是网页滚动了几屏。这可咋整？？
使用方式：打开浏览器开发者工具，然后 windows 上键入 Ctrl+Shift+P，Mac 上键入 Command+Shift+P ，然后输入 capture 后选择要截图的方式。
详解：Capture full-size screenshot 截全屏、Capture area screenshot 自定义截图区域、Capture node screenshot 精准截元素展示
文章图片
Store as global variable 使用场景：临时处理接口数据，构思设计下代码。。。
使用方式：在 network 面板上的接口响应上右键，然后在 console 窗口操作变量吧
其他： 非常实用，这个例子不足体现它的妙处。自己体会吧
【玩转|玩转 chrome 效率起飞】
文章图片
文章图片
console.table() 使用场景：后端同学看数据？不知道有啥用反正很神奇。
使用方式：和 Store as global variable 一起用简直妙不可言。
文章图片
$i 使用场景：想快速试用下 loadsh、dayjs工具包，或者依赖工具包处理数据
使用方式：安装 console-importer 插件，重启下浏览器。在 console 中 $i('dayjs') 试试吧
文章图片
荐文 你不知道的 Chrome DevTools 玩法
你不知道的Chrome调试工具技巧 - 系列译
推荐阅读
- 如何在Google Chrome中启用或禁用实时字幕（方法分步指南）
- 如何在Chrome中截取完整的网页截图（详细方法教程）
- Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法（不需要FQ）
- 看财报|四川长虹：执行“效率为王”，2021年净利增长超5倍｜看财报
- 十分钟玩转Fiori App中的ODATA Service
- Chrome调试模式获取App混合应用H5界面元素
- 6款适用于Chromebook（Chrome替代品）的最佳浏览器合集
- Google Chrome如何修复你的连接被中断错误（解决办法）
- visual|三大Visual Studio Code技巧，快速提升开发效率
- 手机app打开的web，在打开chrome浏览器