谷歌瀏覽器新功能 Copy Declaration

不知道最近大家有沒有發現,從谷歌瀏覽器開發者工具複製 Css 代碼到 Vs Code,粘貼之後 Css 代碼錯亂了。昨天在複製樣式代碼的時候,突然發現複製的 Css 代碼粘貼之後就錯亂了。具體表現如下:

 

 

從上圖中可以看見,多了些莫名其妙的空格和換行。當時就在想,這以後複製個樣式代碼多不方便,粘貼完還要調整格式......

 

緊接着我就被打臉了,當我無意中在瀏覽器樣式代碼中點擊鼠標右鍵時,出現瞭如下菜單:

 

 

現在當你想複製樣式代碼時,只需要鼠標右鍵然後點擊 Copy declaration 就可以實現複製了。如果你想複製當前 class 類名下的所有樣式代碼時,點擊 Copy all declarations 即可。相比以前的先選中樣式代碼,然後再 Ctrl+C 的方式複製代碼,這確實方便了不少,此功能還是非常香的。

 

可以看到,上圖中共有6個子菜單,除了 Copy declaration 和 Copy all declaration,還有另外4個菜單,它們的功能,大家快自己試試吧~

 

微信公衆號:前端小玖

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章