In this post I will share 3 chrome extenstions which will make you productive all day long

JSON-handle

As developers, there is no way for us to skip the JSON in our daily work. When we use front-end and back-end docking, many of the input and output parameters are in JSON format. JSON-handle is a Chrome plug-in for rendering JSON format strings. It can convert a string into a beautiful JSON format, or compress the JSON format into a line of strings, which is very convenient and simple to use.

After installation, click the icon on the right side of the browser search box to see the following pop-up box, then paste the existing JSON data into it, and click ok.

The pop-up box also provides some shortcut operations. For example, you can use the aline button to convert the JSON format into a line:

 {"l1":{"l1_1":["l1_1_1","l1_1_2"],"l1_2":{"l1_2_1":121}},"l2":{"l2_1":null,"l2_2":true,"l2_3":{}}}
Code language: JSON / JSON with Comments (json)

You can also modify the structure here and apply it to the left side. If you don’t need an operation box, you can click the triangle in the upper right corner of the operation box to hide it

Octotree – GitHub code tree

Developers will visit Github a lot during the work, this Chrome plugin is used to generate a file tree from the resource library. We can view the code through the file tree without jumping around. It is very easy to use :

You can find the file code we want to see through the file tree on the left

If you add a file tree on the left, you can only see limited content. It doesn’t matter. This plugin provides the floating window feature. Click the small nail in the upper right corner and you can Hide the file tree and open it later on

daily.dev

daily.dev is a Chrome browser plugin. After installation, you can see the following page every time you open a new tab. daily.dev mainly shows many highly read and commented articles