前端必知：推荐谷歌浏览器中代码片段Snippets的使用，快速测试一段代码

作为一名合格的前端工程师，那么肯定少不了使用谷歌浏览器，不仅兼容性好，而且还是前端调试的一把好手。浏览器F12打开控制台，Elements、Console、Network这几个功能是前端用的比较多。那么在这里就讲解下Sources->Snippets代码片段的使用，这个功能可以快速测试一个功能。




话不多说，直接进入正题：

1. 在任何一个页面打开控制台，点击Sources
2. 点击>>找到Snippets
3. 点击+New Snippets添加新页面
4. 选中添加的新页面名称，在空页面中编辑代码
5. 在新页面名称右键选择run运行，就可以在Console控制台显示答案

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-suuYfqMv-1632622683672)(https://docimg2.docs.qq.com/image/Dd71MB9K2sznJp6jHijocg.gif?w=1037&h=780&type=image/gif)]

这样做的优点：

1. 避免到编辑器构建完整的html做测试
2. 事先测试好，直接复制代码到项目中
3. 简单操作，不需要考虑太多

---

有帮助的点个哟~