谷歌浏览器新功能 Copy Declaration

摘要

不知道最近大家有没有发现，从谷歌浏览器开发者工具复制 Css 代码到 Vs Code，粘贴之后 Css 代码错乱了。昨天在复制样式代码的时候，突然发现复制的 Css 代码粘贴之后就错乱了。具体表现如下：

不知道最近大家有没有发现，从谷歌浏览器开发者工具复制 Css 代码到 Vs Code，粘贴之后 Css 代码错乱了。昨天在复制样式代码的时候，突然发现复制的 Css 代码粘贴之后就错乱了。具体表现如下：

 

 

从上图中可以看见，多了些莫名其妙的空格和换行。当时就在想，这以后复制个样式代码多不方便，粘贴完还要调整格式......

 

紧接着我就被打脸了，当我无意中在浏览器样式代码中点击鼠标右键时，出现了如下菜单：

 

 

现在当你想复制样式代码时，只需要鼠标右键然后点击 Copy declaration 就可以实现复制了。如果你想复制当前 class 类名下的所有样式代码时，点击 Copy all declarations 即可。相比以前的先选中样式代码，然后再 Ctrl+C 的方式复制代码，这确实方便了不少，此功能还是非常香的。

 

可以看到，上图中共有6个子菜单，除了 Copy declaration 和 Copy all declaration，还有另外4个菜单，它们的功能，大家快自己试试吧~

 

微信