阅读 7676

分享工作中常用的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 是谷歌浏览器的一款代理插件,现在代理基本已经烂大街了,之所以推荐他是因为他用起来真的很简单,当然也有很大的局限。它适用于早起以版本号命名jscss资源的项目。

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/
复制代码
文章分类
前端
文章标签