阅读 2963

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

特别声明

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

正文

在马上就要迎来假期的这 24 天里,我将会发布一系列短篇的文章,关于如何将开发工具使用得更加有意思,昨天我们已经提了 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]大法来实现同样的效果!

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

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

其他系列

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

写在最后

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

许可记录

关注下面的标签,发现更多相似文章
评论

查看更多 >