這是一個 Chrome 自帶的一個隱藏福利，如果受夠了 console 裏面敲代碼，費勁的換行和無法斷點調試的苦，看看這個。
這個東西叫做 snippets （代碼片段），可能大部分人都寫過屬於自己的代碼片段。我們看在 Chrome 中怎麼用。
1、打開 Sources 選項卡，切換到 Snippets 標籤，點擊圖中的紅色標記處。
2、點擊 New snippet 可以新建一個代碼片段，編輯代碼，按 Command+S (Mac) 或 Ctrl+S （Windows、Linux）以保存您的更改。
3、保存後可以按 Command+Enter (Mac) 或 Ctrl+Enter（Windows、Linux）執行代碼。
4、代碼執行成功後並且再次對文件進行編輯後，可以通過右鍵菜單選擇 Local Modifications 查看更改記錄。還可以通過下方的 revert 按鈕撤銷本次修改。
5、github 上有很多開源的 snippets ，可以保存起來，方便日後調試。
其實日常用的最多的就是用它敲一些 js 的demo，因爲可以斷點調試，所以對於抽象代碼的學習很有幫助。
希望大家還能get到它更大的用途。
如果你看了覺得有用就分享給身邊的小夥伴，另外更多關於 Chrome 調試工具的使用請點擊下面的鏈接：