一键下载H5源码的插件你知道吗?强力推荐四款前端必备神器!

1,258 阅读3分钟

Save All Resources(浏览器插件)


功能介绍


一键下载网页资源,支持格式化后下载,下载后保留原来网站资源文件原始目录结构,相当给力的一款插件!


具体介绍


一个开心的早上,突然一个叫做产品的人,拿着一个炫酷的H5页面地址,跑到一个前端小哥面前说,我们要做一个类似的炫酷H5,非常的急、两天能不能搞定?此时前端小哥心中不慌不急,点了根烟说,没问题两天保证撸完成。产品小老弟开心的走了,然后前端小哥打开浏览器F12直接找到Save All Resources插件 点击一键下载,完成后开心的继续抽着香烟!


因为该插件被墙了,所以无法翻的同学可以直接关注公众号,回复 插件 即可获取下载安装包



Dark Reader(浏览器插件)

功能介绍


一键设置网页为暗黑色(当然具体颜色可以自己调整),配置成和vscode主题类型,沉侵式开发,能让开发陶醉的浏览器插件(高端程序员装逼必备,瞬间提升bg,拉开档次就从这款插件开始吧),而且这款插件是完全开源的,个人有兴趣可以改改代码定制一个自己的版本


具体介绍


长时间盯着电脑眼睛一定会觉得不舒服,尤其是现在大部分的网站背景都是以亮色底为主,所以很多时候我们会选择调整屏幕的亮度来起到舒缓眼睛的效果。但是如果能将网站的背景都变成暗色系,使用黑暗的主题为夜晚和每日浏览,应该能有助于降低眼睛的疲劳感,也比较不会眼花。它能将所有的网站通通套入黑色主题,这样在浏览网页或是看影片时眼睛就不会被原本的白底背景刺激。


因为该插件被墙了,所以无法翻的同学可以直接关注公众号,回复 插件 即可获取下载安装包



效果如下



REST Client(vscode插件)

功能介绍


超轻量化的描述性接口测试


具体介绍


一款用于模拟 HTTP请求描述性接口测试工具,拥有强大的http语法提示功能,重点是可以像模块化开发一样,根据接口类型定义rest文件、给每个测试接口加上一些描述,那比起接口文档来不知道好多少倍。来测试接口,这样非常利于后期项目的接口维护,和其他人员接手的时候对于整个项目接口可读性,再也不用一个个找接口文档了,


而且可以轻松获取整个request请求体,和response响应结果里的所有参数,再也不用担心后端bb跟我们要请求参数和整个请求体了!


求求你们了不要再用postman了好么!o(* ̄︶ ̄*)o



可以详细的查看请求体和响应体



请求实现模块化编辑接口文档,所有开发流程都不脱离vscode,沉侵式开发体验



智能化的语法提示


live-server(vscode插件)

功能介绍


超轻量型简易资源服务器


具体介绍


静态网页开发神器,安装vscode版本,可直接点击右下角的按钮直接启动一个静态服务器预览页面。作为一个前端程序员,如果需要打开一个静态页面,答应我请不要再直接把页面拖拽到浏览器里面直接运行了好吗?这样太不专业了!