1、要创建一个片段，首先f12 打开开发者工具，再打开Sources面板中，单击上Snippets选项卡，在导航器中单击鼠标右键，然后选择New。
2、在编辑器中输入代码。当你有未保存的更改，您的脚本名称旁边有“*”，像下面的截图。按Command+S（Mac）或Ctrl+S（Windows和Linux），以保存更改。
3、有三种方式来运行你的代码片段：1、在片段文件名（在左侧窗格中列出了所有的片段）右键单击并选择“RUN”。2、点击运行按钮（▶）。3、按Command+Enter（Mac）或Ctrl+Enter（Windows和Linux）。
4、为了评估在控制台的片段的部分，突出的部分，在编辑器中的任意位置单击鼠标右键，并选择“Evaluate in Console”，或使用键盘快捷键Command+Shift+E（Mac）或Ctrl+Shift+E（Windows和Linux）。
5、要查看您对片段所做的修改的差异，在编辑器中右键单击（在显示片段），然后选择本地修改。
6、命名的新选项卡“history”在控制台抽屉弹出。
7、如果你有，你发现自己重复使用在多个页面上的小实用程序或调试脚本，可以考虑保存脚本片段。您还可以使用片段作为替代的bookmarklet。