【译】你不知道的Chrome调试工具技巧 次日:copying & saving

特别声明

本文是做者 Tomek Sułkowski 发布在 medium 上的一个系列。
版权归原做者全部。
译者在翻译前已经和做者沟通获得了翻译整个系列的受权。
为了避免影响你们阅读,受权的记录在这里
html

正文

在立刻就要迎来假期的这 24 天里,我将会发布一系列短篇的文章,关于如何更加有意思的使用开发工具,昨天咱们已经提了 4 个,因此今天咱们就从这个编号开始...前端

5. copy(...)

你能够经过全局的方法 copy()consolecopy 任何你能拿到的资源,包括咱们在上一篇中说起的那些变量。例如 copy($_) 或者 copy($0)vue

6. Store as global

若是你在 console 中打印了一堆数据(例如 App 中计算出来的一个数组),而后你想对这些数据进行额外操做, 例如,使用咱们刚刚说的 copy ,那就能够轻松将它转换成一个全局变量:git

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

第一次使用的话,它会建立一个名为 temp1 的变量,而后是 temp2 等等。这样你就能够操做各样的数据,而不用担忧他们会被复写。 数组

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

对你和你的同事来讲,堆栈跟踪信息都会颇有用。(例如 : 与其余的前端开发者合做,或者是 QA (测试) 工程师)。因此咱们能够直接把堆栈跟踪保存为一个文件而不是截图。异步

8. Copy HTML (最快的方式)

可能你知道右击或者点击在 html 元素边上的省略号(...)就能将它 copy 到操做系统剪贴板中 但你一样能够用很是古老的 [ctrl] + [c] + [ctrl] + [v] 大法来实现一样的效果!编辑器

这就是今天的内容啦,简短可是暖心~ 惯例: 若是你从这里学到了一些新东西工具

→ 你能够点个赞再走嘛~
→ 关注个人 Twitter Tomek Sułkowskipost

其余系列

其余此系列的文章,立刻就会翻译出来,到时会贴出对应的连接在此处。

写在最后

若是你对个人翻译表示确定,也能够关注我一波哦~ 顺便个人开源项目,求一波 star→ 看这里, 美丽的博客系统

相关文章
相关标签/搜索