Chrome调试的骚操作一

Chrome的copying & saving

copying

可以在console里面用copy() 拿到任何信息

saving

Store as global (存储为一个全局变量)，只需要右击它，并选择 “Store as global variable” (保存为全局变量) 选项。
第一次使用的话，它会创建一个名为 temp1 的变量，第二次创建 temp2，第三次 … 。通过使用这些变量来操作对应的数据，不用再担心影响到他们原来的值:

保存堆栈信息( Stack trace )

以直接把堆栈跟踪的信息保存为一个文件，而不只是截图

使用command命令面板

• 在Chrome调试的情况下，[ Ctrl] + [Shift] + [P] (Mac： [⌘] + [Shift]+ [P] )打开command菜单面板
• 直接使用 DevTools 的 dropdown 按钮下的这个选项：
  
  command可用的命令分类有这些：
  

截屏

• 节点截图
  选中那个节点，打开command的面板输入：screen 然后找到Capture node screenshot命令
  

• 全屏长截图
  同理，也是打开command面板，输入screen，找到Capture full size screenshot 就可以了
  
  注：节点截图有时会失效，全屏截图暂时没有遇到问题，建议大家使用后者。

切换主题

Chrome基本上默认是白色的主题，大家有没有看腻呢？我以前都是专门下载一个Chrome黑色主题插件来改变主题的，现在我们有了command面板可以直接切换主题哦~
打开command的面板，输入theme，可以看到dark和light两个主题，自由选择哦~

预知还有何骚操作，且看下篇文章

参考：https://juejin.im/book/5c526902e51d4543805ef35e

公众号

欢迎大家关注我的公众号： 石马上coding，一起成长