在调试的过程中,我们总要对 Dev Tools 里面的数据进行 复制 或者 保存 的操作,所以我们来看看,关于这些,有什么小技巧呢?

1. 复制-copying

1.1. copy(...)

你可以通过全局的方法 copy()consolecopy 任何你能拿到的资源,包括我们在后面[第六节]会提到的那些变量。例如 copy($_)copy($0)

1.2. 直接 Copy HTML

几乎所有人都知道,右击或者点击在 HTML 元素边上的省略号 (...) 就可以将它 copy 到剪贴板中,但是你不知道的是:古老的 [ctrl] + [c] 大法依旧可用!

2. 保存-saving

2.1. Store as global (存储为一个全局变量)

如果你在 console 中打印了一堆数据 (例如你在 App 中计算出来的一个数组) ,然后你想对这些数据做一些额外的操作比如我们刚刚说的 copy (在不影响它原来值的情况下) 。 那就可以将它转换成一个全局变量,只需要 右击 它,并选择 “Store as global variable” (保存为全局变量) 选项。

第一次使用的话,它会创建一个名为 temp1 的变量,第二次创建 temp2,第三次 ... 。通过使用这些变量来操作对应的数据,不用再担心影响到他们原来的值:

2.2. 保存堆栈信息( Stack trace )

大多数情况下都不是一个人开发一个项目,而是一个团队协作,那么 如何准确的描述问题,就成为了沟通的关键 ,这时候 console 打印出来的堆栈跟踪的信息对你和同事来说就起大作用了,可以省去很多沟通成本,所以你可以直接把堆栈跟踪的信息保存为一个文件,而不只是截图发给对方:


results matching ""

    No results matching ""