当我们使用Chrome浏览器进行调试的时候，Snippets面板是一个不错的选择。

用Chrome的snippets片段功能创建页面js外挂程序，从控制台创建js小脚本。
Chrome的snippets是小脚本，还可以创作并在Chrome DevTools的来源面板中执行。
可以访问和从任何页面运行它们。当你运行一个片段，它从当前打开的页面的上下文中执行。

创建一个 Snippet 片段，我们先打开开发者工具。进入到 Sources 面板，在导航栏里面选中 Snippets 这栏，点击 “New snippet(新建一个代码块)” ,输入你的代码，按Ctrl+S保存，run运行。

当我们在编辑区编写代码时，第一次运行时没问题的：

但是当第二次运行时就报错了：

它说obj1已经被声明并抛出错误是：
deepCopy:1 Uncaught SyntaxError: Identifier ‘obj1’ has already been declared

原来 let 语句只能用于在任何给定范围内创建一个变量。在这个例子中，即使使用的是Chrome代码片段，如果在 let 语句之后输出 window.commitPromotionData 你会看到它在那里。这就是 let 语句赋予变量的范围。重新运行相同的片段本质上会尝试在窗口内创建相同的变量，并导致语法错误。

解决方法就是使用IIFE（立即执行函数）用于包装代码。
以上就是Chrome浏览器Snippets调试面板(Uncaught SyntaxError: Identifier ‘***’ has already been declared)报错的解决方法，希望能到帮助到大家！

移植大彩串口屏驱动代码时，编译出现大量error：#101 错误 ，如下： error: #101: "RTC_IRQn" has already been declare d in the current scope RTC_IRQn = 3, /*!< RTC global Interrupt */ error: #101: "FLASH_IRQn" has already been declare d 此存储库包含示例，这些可提取或记录有趣的信息以用于SEO。 若要使用此处的任何代码片段，您必须复制感兴趣的代码片段的代码，并将其粘贴到 Chrome Dev Tools中“源” 面板 下的“代码片段”部分中。 此回购中包含的代码段 link-counter-js：提取并下载CSV文件，并将其包含在网页中，然后记录总数，包括内部，外部和空链接。 extract-heading.js：记录网页中包含的标题文本以及其标题类型 这个报错，通常是由重复命名变量，或者，使用了关键字作为变量导致的，但是还有一种情况也会这么报错，且 错误 位置不提示。 如果 变量 使用 const 创建，修改这个变量就可能这么报错 ，例如 const 创建变量去接受一个DOM对象，当修改属性（如animate改变属性）时就会这么报错。 分两次输入console，Uncaught SyntaxError。分两次输入console，Uncaught SyntaxError。查了一会，中文似乎没提这个的，这是 chrome 的一个独特特性。console，一次性输入进去。分两次输入console，可以。 本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。据作者透露一共有 24 篇，一直更新到 12 月 24 日 版权归原作者所有。 作者在 Twitter 上推荐我们的中文翻译啦,截图在最后 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 为了不影响大家阅读，授权的记录在这里 在马上就要迎来假期的这 24 天里，我将会发布一系列短篇的文章，关于如何... 作为一名合格的前端工程师，那么肯定少不了使用谷歌浏览器，不仅兼容性好，而且还是前端 调试 的一把好手。浏览器F12打开控制台，Elements、Console、Network这几个功能是前端用的比较多。那么在这里就讲解下Sources-> Sn ipp ets 代码片段的使用，这个功能可以快速测试一个功能。 话不多说，直接进入正题： 在任何一个页面打开控制台，点击Sources 点击>>找到 Sn ipp ets 点击+New Sn ipp ets 添加新页面 选中添加的新页面名称，在空页面中编辑代码