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，一起成長