Chrome调试的骚操作一

以你之姓@ 2023-02-17 14:56 125阅读 0赞

### Chrome的骚操作一 ###

*   *  Chrome的copying & saving
     *   *  copying
         *  saving
         *  保存堆栈信息( Stack trace )
     *  使用command命令面板
     *   *  截屏
         *  切换主题
         *  公众号

## Chrome的copying & saving ##

### copying ###

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

### saving ###

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

### 保存堆栈信息( Stack trace ) ###

以直接把堆栈跟踪的信息保存为一个文件，而不只是截图  
![Alt][Alt 3]  
![Alt][Alt 4]  
![Alt][Alt 5]

## 使用command命令面板 ##

*  在Chrome调试的情况下，\[ Ctrl\] + \[Shift\] + \[P\] (Mac： \[⌘\] + \[Shift\]+ \[P\] )打开command菜单面板
 *  直接使用 DevTools 的 dropdown 按钮下的这个选项：  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70]  
    command可用的命令分类有这些：  
    ![Alt][Alt 6]

### 截屏 ###

*  节点截图  
    选中那个节点，打开command的面板输入：screen 然后找到Capture node screenshot命令  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 1]
 *  全屏长截图  
    同理，也是打开command面板，输入screen，找到Capture full size screenshot 就可以了  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 2]  
    **注：节点截图有时会失效，全屏截图暂时没有遇到问题，建议大家使用后者。**

### 切换主题 ###

Chrome基本上默认是白色的主题，大家有没有看腻呢？我以前都是专门下载一个Chrome黑色主题插件来改变主题的，现在我们有了command面板可以直接切换主题哦~  
打开command的面板，输入theme，可以看到dark和light两个主题，自由选择哦~  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 3]  
预知还有何骚操作，且看下篇文章

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

### 公众号 ###

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

[Alt]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvY3l3eW1FV0E4N2FiOG9XRDIxOWZwN3JhaWNXSXI1a1dWaWNjbjVNaWFpYWNwQnhHREVacVRIeFFWMFliTzJpY1JiMlppYnJBVFRRbG5HNUZQdUZCdVZCbzFMcVEvMA?x-oss-process=image/format,png
[Alt 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvY3l3eW1FV0E4N2FiOG9XRDIxOWZwN3JhaWNXSXI1a1dWNm5tUHZjR0NjNTgya0R6TGpXREdJS3ZzaWFhaDNsaWJ0Ukx6YmUyYWYzVVQ1aEpaZ0FBZlQxd0EvMA?x-oss-process=image/format,png
[Alt 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvY3l3eW1FV0E4N2FiOG9XRDIxOWZwN3JhaWNXSXI1a1dWYUtLNlRFSnJXUzJ4TzZ5cVdPWXhqMHVRTnhjclFLa0VoTzZwZnU0bWhaOFRYdFFJYlpxZUhBLzA?x-oss-process=image/format,png
[Alt 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvY3l3eW1FV0E4N2FiOG9XRDIxOWZwN3JhaWNXSXI1a1dWVE4xNGQ5U0kxVnB0cGlhT1VHaFg2ajJuaWJudE1xMUNrZ0tDWjJRY1BPeVk2QllhaWJycmxRRWhRLzA?x-oss-process=image/format,png
[Alt 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvY3l3eW1FV0E4N2FiOG9XRDIxOWZwN3JhaWNXSXI1a1dWMTlRbGU2M01WYnB4Rk9OcFNCNUpLeTA5b0hXaG5BczRab0E3M3ZnSFVrNGlhSnk2aWFwdHVrd0EvMA?x-oss-process=image/format,png
[Alt 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9wbmcvY3l3eW1FV0E4N2FiOG9XRDIxOWZwN3JhaWNXSXI1a1dWYU5ma3pMN29vcVpXcWtLYnZ6aWFkT21oM1FSbDlPbFlwREZVQWtTaWJWT3l6MzJaQmxPNDhJN2cvMA?x-oss-process=image/format,png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200614204221511.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg==,size_16,color_FFFFFF,t_70
[Alt 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91c2VyLWdvbGQtY2RuLnhpdHUuaW8vMjAxOC8xMi8xMS8xNjc5YTJlMTM5MjZkNzFi?x-oss-process=image/format,png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200614205024671.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200614205146881.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200614205549560.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlzY3Nkbg==,size_16,color_FFFFFF,t_70
[coding]: https://img-blog.csdnimg.cn/202006121915145.jpg#pic_center