使用场景
设想的解决方案
//debug
or #test
,就有个插件可以自动 toggle 这行的注释。 1 14 2023-10-09 22:38:34 +08:00 这个插件很接近作者需求,可惜只支持 console.log ,可以用快捷键添加、批量注释、批量删除 https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log |
2 limaofeng 2023-10-09 23:28:43 +08:00 通过 css 标颜色定位元素不是一个好习惯,还是多用浏览器的调试界面吧! 至于 JS 调试,我用过最方便且强大的插件是 Wallaby.js ,它可以不是通过添加 log 实现变量查看,加注释就可以了,结果是在 vscode 里面直接看到。不过这玩意收费,价格还不便宜。 |
![]() | 3 s 2023-10-10 14:13:28 +08:00 control+/ ? |
![]() | 4 JCZ2MkKb5S8ZX9pq OP |
![]() | 5 JCZ2MkKb5S8ZX9pq OP @14 谢了,我去试试,js 的也需要的。 |
![]() | 6 JCZ2MkKb5S8ZX9pq OP @14 /td> 其实前端调试有一个简单的 chrome 插件是 https://chrome.google.com/webstore/detail/pesticide-for-chrome/bakpbgckdnepkmkeaiomhmfcnejndkbi 原理是添加 outline (不占空间)和 hover 的 box-shadow ,但美中不足是不支持伪类。 有兴趣可以试试 |