关于javascript:玩转-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 窗口操作变量吧

其余：十分实用，这个例子有余体现它的妙处。本人领会吧

console.table()

应用场景：后端同学看数据？不晓得有啥用反正很神奇。

应用形式：和 Store as global variable 一起用几乎妙不可言。

$i

应用场景：想疾速试用下 loadsh、dayjs 工具包，或者依赖工具包解决数据

应用形式：装置 console-importer 插件，重启下浏览器。在 console 中 $i(‘dayjs’) 试试吧

荐文

你不晓得的 Chrome DevTools 玩法

你不晓得的 Chrome 调试工具技巧 – 系列译