微信号:gh_b206cf608d16

介绍:爆米兔,是一个H5营销在线制作工具.

你不知道的Chrome调试工具技巧 第二天:copying & saving

2018-12-27 23:24 dendoink

编者按:本文由 Tomek Sułkowski 发布在 medium 上的系列文章第一篇,掘金用户 dendoink 得到授权翻译系列文章,奇舞周刊得到系列译文的转载授权,在此感谢作者和译者。

正文

在马上就要迎来假期的这 24 天里,我将会发布一系列短篇的文章,关于如何更加有意思的使用开发工具,第一天1我们已经提了 4 个,所以今天我们就从这个编号开始...

5. copy(...)

你可以通过全局的方法copy()consolecopy任何你能拿到的资源,包括我们在上一篇中提及的那些变量。例如 copy(\_$) or copy($0)


6. Store as global

如果你在console中打印了一堆数据(例如 你在app中计算出来的一个数组),然后你想对这些数据做一些额外的操作, 例如使用我们刚刚提到的copy,你可以轻松将它转换成一个全局变量

只需要右击它,并且选择“Store as global variable” (保存为全局变量)这个选项。

第一次使用的话,它会创建一个名为 temp1 的变量,然后是 temp2 等等。所以你可以操作各样的数据而不用担心会复写(译注:修改他们原有的值)他们

7. 保存(Stack trace)堆栈跟踪

对你来说,堆栈跟踪会很有用,对于你的同事来说也是这样。(例如 : 与其他的前端开发者合作,或者是QA (测试) 工程师)。所以你可以直接把堆栈跟踪保存为一个文件而不是截图。

8. Copy HTML (最快的方式)

你可能知道右击或者点击在html元素边上的省略号(...)就可以将它copy到你的操作系统的剪贴板中

但是你同样可以用非常古老的[ctrl] + [c]大法来实现同样的效果!


其他系列

  1. https://juejin.im/post/5c09a80151882521c81168a2

  2. https://juejin.im/post/5c0a0d5ff265da61117a1c75

  3. https://juejin.im/post/5c0a8ce6f265da6141716329

  4. https://juejin.im/post/5c0d2d85f265da612061a62f

  5. https://juejin.im/post/5c0edc31f265da611c26d08a

关于奇舞周刊

《奇舞周刊》是360公司专业前端团队「奇舞团」运营的前端技术社区。关注公众号后,直接发送链接到后台即可给我们投稿。


 
奇舞周刊 更多文章 关键渲染路径 实现全文机器翻译 Async Clipboard API 来了 前端埋点统计方案思考 NGINX 反向代理
猜您喜欢 再见,余!额!宝!!! 这些日常小工具,妹子们看了都把持不住! 干货合集丨架构师的终极秘密武器:明星讲师独家PPT限时疯抢中! 笑谈设计模式 正确使用@synchronized()