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

特别声明

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。
版权归原作者所有。
译者在翻译前已经和作者沟通得到了翻译整个系列的许可。
为了不影响大家阅读,获得许可的记录会放在本文的最后~

正文

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

5. copy(...)

You can copy anything available in the console into your OS clipboard using the global copy function available in the Console. This includes variables that we’re discussed in the previous tips, e.g. copy(_$) or copy($0)

你可以通过全局的方法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]大法来实现同样的效果!

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

→ 你可以点个赞再走嘛~
→ 关注我的 Twitter Tomek Sułkowski

其他系列

其他此系列的文章,马上就会翻译出来,到时会贴出对应的链接在此处。

写在最后

如果你对我的翻译表示肯定,也可以关注我一波哦~ 顺便我的开源项目,求一波 star→ 看这里, 美丽的博客系统

许可记录

猜你喜欢

转载自juejin.im/post/5c0a0d5ff265da61117a1c75