copying & saving
2019-03-12 本文已影响1人
littleyu
在调试的过程中,我们总要对 Dev Tools
里面的数据进行 复制 或者 保存 的操作,所以我们来看看,关于这些,有什么小技巧呢?
1. copy(...)
你可以通过全局的方法 copy()
在 console
里 copy
任何你能拿到的资源。
![](https://img.haomeiwen.com/i5780538/ba3947818962b8f9.png)
2. Store as global
(存储为一个全局变量)
如果你在 console
中打印了一堆数据 (例如你在 App
中计算出来的一个数组) ,然后你想对这些数据做一些额外的操作比如我们刚刚说的 copy
(在不影响它原来值的情况下) 。 那就可以将它转换成一个全局变量,只需要 右击 它,并选择 “Store as global variable”
(保存为全局变量) 选项。
第一次使用的话,它会创建一个名为 temp1
的变量,第二次创建 temp2
,第三次 ... 。通过使用这些变量来操作对应的数据,不用再担心影响到他们原来的值:
![](https://img.haomeiwen.com/i5780538/f67de20b6a0d87f5.png)
3.保存堆栈信息( Stack trace
)
大多数情况下都不是一个人开发一个项目,而是一个团队协作,那么 如何准确的描述问题,就成为了沟通的关键 ,这时候 console
打印出来的堆栈跟踪的信息对你和同事来说就起大作用了,可以省去很多沟通成本,所以你可以直接把堆栈跟踪的信息保存为一个文件,而不只是截图发给对方:
![](https://img.haomeiwen.com/i5780538/985e80c986b8dd58.png)
4.直接Copy HTML
几乎所有人都知道,右击或者点击在 HTML
元素边上的省略号 (...) 就可以将它 copy
到剪贴板中,但是你不知道的是:古老的[ctrl] + [c]
大法依旧可用!
![](https://img.haomeiwen.com/i5780538/48f83dd0b25f5123.png)