分享工作中常用的 8 款工具 (工作效率嗷嗷提升)
扫码关注“后端架构师”,选择“星标”公众号
重磅干货,第一时间送达!
责编:架构君 | 来源:量子位
责编:架构君 | 来源:量子位
上一篇好文:一张照片攻破人脸识别系统:能点头摇头张嘴,网友:太可怕!
大家好,我是后端架构师。
1. GitHub加速插件
作为一名开发者那就没有不知道Github
的,因为它是一个巨大的开源宝库,以及程序员和编程爱好者的聚集地,是每个程序员都会用到的必备工具。不过他的访问速度真的是太垃圾了,无论是页面加载速度还是clone
速度。
GitHub
加速插件是一款谷歌浏览器插件,安装起来非常简单。谷歌浏览器输入下面的网址。其实就是在谷歌应用商店搜索github
加速,安装即可。
https://chrome.google.com/webstore/search/github%E5%8A%A0%E9%80%9F?hl=zh-CN
安装之后github
除了页面几乎秒开之外,clone
地址中多了一个加速选项。本人测试了一下,原本clone
速度几乎在10-40k
之间,使用加速地址妥妥的2MB
以上。
2. Switcheroo Redirector
Switcheroo Redirector
是谷歌浏览器的一款代理插件,现在代理基本已经烂大街了,之所以推荐他是因为他用起来真的很简单,当然也有很大的局限。它适用于早起以版本号命名js
和css
资源的项目。
https://chrome.google.com/webstore/search/Switcheroo%20Redirector?hl=zh-CN
第一个Input
中输入需要代理的资源地址,第二个Input
中输入被代理到的地址就可以了。我一般使用他将正式环境的资源映射到本地,这样就可以使用正式的数据进行问题排查了。
3. Adblock Plus
是谷歌浏览器一款免费的广告拦截器,安装方法和上面相同谷歌应用商店搜索安装就可以了,以前百度搜索的时候总是推荐一堆广告,本人也比较手贱,每次都会点,有了这个工具,广告再也没有了...
4. vConsole
vConsole
是腾讯开发的js
插件, 重写了console
方法,实现了类似于微信小程序的移动端调试效果。如果你开发过微信小程序,可以看到小程序调试模式下右下角会有个vconsole
的绿色字样,点击之后会展示出类似浏览器控制台一样的效果。
在手机上,如果是要看控制台信息,都需要alert
弹窗,这样很不友好.还会阻拦进程。通过vConsole.js
就可以实现移动端调试效果。具体使用方法也很简单,引入js
,实例化就可以了。
搜索公众号前端技术精选后台回复“手册”,获取一份惊喜礼包。
<script src="path/to/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
console.log('Hello world');
</script>
复制代码
5. Postman
Postman
是一种网页调试与发送网页http
请求的chrome
插件。我们可以用来很方便的模拟get
或者post
或者其他方式的请求来调试接口。
对于这个工具来说前端使用的一般不多,多数情况服务会使用他进行接口自测。个人只有在写node
服务的时候才会用到。上手比较简单。,输入要请求的地址,填写响应的参数,请求头,点击发送按钮即可。
6. Charles
charles
是一款抓包工具,可以抓取我们页面整个加载过程中的所有资源和请求访问。如果你是web
开发者,那么这款工具对你来说用途或许不大,如果你是H5
开发者,那么你一定需要他。
因为我们知道现代的浏览器是内置了network
调试工具的,多数情况下我们会通过他来作为前后端交互的中转,从而定位开发中的问题发生在前端还是后端。但是对于移动端来说,手机更像是一个黑盒子,开发者很难看到前后端交互的过程。charles
就帮我们解决了这个问题。
他可以清晰完整的记录到我们请求的整个过程。
7. Iloveimg
iLoveIMG
是一款在线处理图片文件的网站。我们的服务完全免费,而且使用简便。网站的功能有: 压缩图像文件、调整文件尺寸、裁剪文件,以及转换文件格式等!
页面可能丑了点,但是功能还是不错的。
https://www.iloveimg.com/zh-cn
8. Getwaves
是一个免费的波浪生成器,这个网站可以按照形状、颜色、方向、抖动、随机等条件生成你想要等各种波浪png
图片,很多人都觉得他这是设计师使用的,我并不这么认为!
https://getwaves.io/
上一篇好文:一张照片攻破人脸识别系统:能点头摇头张嘴,网友:太可怕!
大家好,我是后端架构师。
1. GitHub加速插件
作为一名开发者那就没有不知道Github
的,因为它是一个巨大的开源宝库,以及程序员和编程爱好者的聚集地,是每个程序员都会用到的必备工具。不过他的访问速度真的是太垃圾了,无论是页面加载速度还是clone
速度。
GitHub
加速插件是一款谷歌浏览器插件,安装起来非常简单。谷歌浏览器输入下面的网址。其实就是在谷歌应用商店搜索github
加速,安装即可。
https://chrome.google.com/webstore/search/github%E5%8A%A0%E9%80%9F?hl=zh-CN
安装之后github
除了页面几乎秒开之外,clone
地址中多了一个加速选项。本人测试了一下,原本clone
速度几乎在10-40k
之间,使用加速地址妥妥的2MB
以上。
2. Switcheroo Redirector
Switcheroo Redirector
是谷歌浏览器的一款代理插件,现在代理基本已经烂大街了,之所以推荐他是因为他用起来真的很简单,当然也有很大的局限。它适用于早起以版本号命名js
和css
资源的项目。
https://chrome.google.com/webstore/search/Switcheroo%20Redirector?hl=zh-CN
第一个Input
中输入需要代理的资源地址,第二个Input
中输入被代理到的地址就可以了。我一般使用他将正式环境的资源映射到本地,这样就可以使用正式的数据进行问题排查了。
3. Adblock Plus
是谷歌浏览器一款免费的广告拦截器,安装方法和上面相同谷歌应用商店搜索安装就可以了,以前百度搜索的时候总是推荐一堆广告,本人也比较手贱,每次都会点,有了这个工具,广告再也没有了...
4. vConsole
vConsole
是腾讯开发的js
插件, 重写了console
方法,实现了类似于微信小程序的移动端调试效果。如果你开发过微信小程序,可以看到小程序调试模式下右下角会有个vconsole
的绿色字样,点击之后会展示出类似浏览器控制台一样的效果。
在手机上,如果是要看控制台信息,都需要alert
弹窗,这样很不友好.还会阻拦进程。通过vConsole.js
就可以实现移动端调试效果。具体使用方法也很简单,引入js
,实例化就可以了。
搜索公众号前端技术精选后台回复“手册”,获取一份惊喜礼包。
<script src="path/to/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
console.log('Hello world');
</script>
复制代码
5. Postman
Postman
是一种网页调试与发送网页http
请求的chrome
插件。我们可以用来很方便的模拟get
或者post
或者其他方式的请求来调试接口。
对于这个工具来说前端使用的一般不多,多数情况服务会使用他进行接口自测。个人只有在写node
服务的时候才会用到。上手比较简单。,输入要请求的地址,填写响应的参数,请求头,点击发送按钮即可。
6. Charles
charles
是一款抓包工具,可以抓取我们页面整个加载过程中的所有资源和请求访问。如果你是web
开发者,那么这款工具对你来说用途或许不大,如果你是H5
开发者,那么你一定需要他。
因为我们知道现代的浏览器是内置了network
调试工具的,多数情况下我们会通过他来作为前后端交互的中转,从而定位开发中的问题发生在前端还是后端。但是对于移动端来说,手机更像是一个黑盒子,开发者很难看到前后端交互的过程。charles
就帮我们解决了这个问题。
他可以清晰完整的记录到我们请求的整个过程。
7. Iloveimg
iLoveIMG
是一款在线处理图片文件的网站。我们的服务完全免费,而且使用简便。网站的功能有: 压缩图像文件、调整文件尺寸、裁剪文件,以及转换文件格式等!
页面可能丑了点,但是功能还是不错的。
https://www.iloveimg.com/zh-cn
8. Getwaves
是一个免费的波浪生成器,这个网站可以按照形状、颜色、方向、抖动、随机等条件生成你想要等各种波浪png
图片,很多人都觉得他这是设计师使用的,我并不这么认为!
https://getwaves.io/
最后,整理了100多套项目,赠送读者。扫码下方二维码,后台回复【赚钱】即可获取。
PS:如果觉得我的分享不错,欢迎大家随手点赞、转发、在看。
版权申明:内容来源网络,版权归原创者所有。除非无法确认,我们都会标明作者及出处,如有侵权烦请告知,我们会立即删除并表示歉意。谢谢!
最后,整理了100多套项目,赠送读者。扫码下方二维码,后台回复【赚钱】即可获取。
PS:如果觉得我的分享不错,欢迎大家随手点赞、转发、在看。
版权申明:内容来源网络,版权归原创者所有。除非无法确认,我们都会标明作者及出处,如有侵权烦请告知,我们会立即删除并表示歉意。谢谢!
END
最近面试BAT,整理一份面试资料《Java面试BAT通关手册》,覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。在这里,我为大家准备了一份2021年最新最全BAT等大厂Java面试经验总结。
别找了,想获取史上最全的Java大厂面试题学习资料
扫下方二维码回复「面试」就好了
历史好文:
Intellij IDEA 2021.2.3 最新版免费激活教程(可激活至 2099 年,亲测有效)
最牛逼的 Java 日志框架,性能无敌,横扫所有对手.....
扫码关注“后端架构师”,选择“星标”公众号
别找了,想获取史上最全的Java大厂面试题学习资料
扫下方二维码回复「面试」就好了
历史好文:
Intellij IDEA 2021.2.3 最新版免费激活教程(可激活至 2099 年,亲测有效)
最牛逼的 Java 日志框架,性能无敌,横扫所有对手.....
扫码关注“后端架构师”,选择“星标”公众号