关于javascript:玩转-chrome-效率起飞

3次阅读

共计 740 个字符,预计需要花费 2 分钟才能阅读完成。

效率高不高不晓得,真的乏味。

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 调试工具技巧 – 系列译

正文完
 0