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/
关于本文
作者:隐冬
https://juejin.cn/post/6924213159561691149
The End
“在看”吗?在看就点一下吧