1. GitHub Accelerator

There’s no developer who doesn’t know Github, because it’s a vast open source repository, a gathering place for programmers and hobbyists, and a must-have tool for every programmer. However, his access speed is really rubbish, both page loading speed and Clone speed.

GitHub accelerator is a Google Chrome plugin that is very simple to install. Enter the url below into Google Chrome. Just search for Github acceleration in the Google App Store and install it.

https://chrome.google.com/webstore/search/github%E5%8A%A0%E9%80%9F?hl=zh-CN

In addition to the fact that github opens almost every second, the Clone address now has an accelerated option. I have tested, the original clone speed is almost 10-40K between, the use of accelerated address no problem over 2MB.

2. Switcheroo Redirector

Switcheroo Redirector is a proxy plug-in for Google Browser, and now the proxy is basically dead on the street. I recommend it because it is really easy to use, but of course it has great limitations. It works for early projects that name JS and CSS resources with version numbers.

https://chrome.google.com/webstore/search/Switcheroo%20Redirector?hl=zh-CN

Enter the address of the resource to be proxied in the first Input and the address to be proxied in the second Input. I usually use it to map resources from the formal environment locally so that I can use the formal data for troubleshooting.

3. Adblock Plus

Google browser is a free AD blocker, installation method and above the same Google application store search installation can be, baidu search before the time always recommend a pile of advertising, I also compare hand cheap, every time will point, with this tool, advertising no longer…

4. vConsole

VConsole is a JS plug-in developed by Tencent. It rewrites the console method to achieve the mobile debugging effect similar to wechat small program. If you have ever developed a small program in wechat, you can see that in the debug mode of the small program, there is a green word vConsole in the bottom right corner. When clicked, it will display the same effect as the browser console.

On the phone, if you want to see console information, you need an Alert popover, which is very unfriendly. And it would block progress. You can use vconsole. js to implement mobile debugging effects. The specific use method is also very simple, the introduction of JS, instantiation can be.

<script src="path/to/vconsole.min.js"></script>
<script>
    // init vConsole
    var vConsole = new VConsole();
    console.log('Hello world');
</script>
Copy the code

5. Postman

Postman is a Chrome plugin for debugging and sending HTTP requests to web pages. We can easily debug the interface by simulating get or POST or other requests.

There is not much use of the front end for this tool, and most of the time the service uses it for interface self-testing. Individuals use it only when writing to the Node service. It’s easy to get started. , enter the address to request, fill in the response parameters, request header, click the send button.

6. Charles

Charles is a package capture tool that captures all resources and requests for access during the entire loading process of our page. If you are a Web developer, this tool may not be of much use to you, but if you are an H5 developer, you definitely need it.

As we know that modern browsers have built-in network debugging tools, most of the time we will use it as a relay for the interaction between the front and back end, so as to locate the problems in the development of the front end or back end. But for mobile, it’s more of a black box, and it’s hard to see the interaction between the front and back. Charles helped us solve that problem.

He can clearly and completely record the whole process of our request.

7. Iloveimg

ILoveIMG is a website that handles image files online. Our service is completely free and easy to use. The functions of the website are: compress image files, adjust file sizes, cut files, and convert file formats!

The page may be ugly, but the functionality is good.

https://www.iloveimg.com/zh-cn
Copy the code

8. Getwaves

Wave generator is a free wave generator, this site can be based on shape, color, direction, shake, random and other conditions to generate any kind of wave PNG image you want, many people think he is used by designers, I don’t think so!

https://getwaves.io/
Copy the code