admin管理员组

文章数量:1538745

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




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

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

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

这样做的优点：

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

有帮助的点个哟~

本文标签： 代码片段器中快速测试

版权声明：本文标题：前端必知：推荐谷歌浏览器中代码片段Snippets的使用，快速测试一段代码 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726982301a1092939.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。