前端开发实用小工具

以下为我这几年用到过感觉比较好用的工具，记录下来分享给大家。希望对大家有用。如有大家有更实用的东西，欢迎补充~

代理工具

• fiddler:非常好用的抓包工具，可以拦截，伪造请求。
• charles：mac常用装包工具
  

谷歌浏览器插件

• 草料二维码：每次都通过qq，微信将测试地址发到手机上？你low啦，此插件可将当前链接生成二维码,手机扫码访问，类似的插件很多，移动端开发必不可少。
• 谷歌访问助手：低成本梯子，安装后需要设置浏览器主页可访问谷歌相关网站，谷歌商店，谷歌首页等
• User-Agent Switcher for chrome ：设置浏览器ua,模拟测试利器
• postman:插件版postman
• Lighthouse：网站性能差？不知道从何开始优化？Lighthouse网站分析工具可详细分析网站性能，提供详细的报表数据
• fehelper：功能强大，提供字符串解码，json格式化，生成二维码，压缩代码，页面取色，截屏等几十个功能，功能可自行配置
• charse:不知道为什么现在谷歌浏览打开静态文件动不动就容易乱码，这个插件可以选择编码方式。让页面恢复正常

vscode 插件

• gitlens：增加内置git功能，功能强大，可在编辑器中实时查看每行代码的修改记录，这个功能非常实用，可以快速找到这个bug是谁埋的！！！
• bracket Pair colorzer:优化代码显示，不同层级配对的括号用不同的颜色显示。拯救多层嵌套混乱的情况
• sftp：链接远程开发机模块
• 更多请移步：（https://blog.csdn.net/jiandan1127/article/details/85957003）

在线工具

• 流程图制作，在做复杂的业务，或者梳理逻辑的时候画流程图是非常好的梳理方式。有些模板收费，但免费的已经够用了（https://www.processon.com/）
• 图片在线压缩，比ps压缩的更小，且无损压缩，非常好用，已经用了几年了（https://tinypng.com/）
• 免费的pdf转word转换器 （https://smallpdf.com/cn/pdf-to-word）
• web版ps功能强大：ps太大占空间？没有破解码？web版的来了！（https://ps.gaoding.com/?hmsr=ivan-intro-juejin#/）
• Vconsole：移动端真机调试工具，真机测试有bug？pc端无法复现？你值得拥有。（https://www.npmjs.com/package/vconsole）
• babel在线转换：（https://babeljs.io/repl）
• web 安全色（https://www.bootcss.com/p/websafecolors/）
• 破解bd云盘速度:云盘速度太慢？试试这个（https://www.baiduwp.com/）
• 一个小工具集合网站：（https://www.baidufe.com/fehelper）

其他工具

• ScreenToGif:免费且轻量级且功能强大的小工具，可以随意截屏，生成视频，gif图，生成演示图片好帮手。
• 极速pdf阅读器:这款阅读器的的视觉做的很好，排版很舒服。

你们还有哪些好用的工具提高我们的开发效率，欢迎补充~