Chrome plug-in is recommended

Here are some of my favorite browser add-ons, some for productivity and some for quick implementation of desired features. Each tool has its own purpose, depending on whether it fits your development habits and personal style, the one that suits you is the best.

The download links below are all from the Official Google App Store, in no particular order, and you can download them yourself!

First, common development

1. FeHelper

JSON automatic formatting, manual formatting, support sorting, decoding, download and other dozens of functions, more functions can be installed on the configuration page as required!

Plug-in download address

FeHelper

2, EditThisCookie

Development often manipulates and views cookies, which is what we need to do without plug-ins

  • Open theDeveloper tools
  • Switch to theApplicationThe TAB page
  • anStorage/Cookies
  • Find the corresponding Cookie, and then view, add, edit, delete and other operations

So the Cookie management plug-in is a necessary plug-in development, Cookie management plug-in I often have two: EditThisCookie and Cookie Editor

Here is a screenshot of the EditThisCookie plugin

Just click on the plug-in icon to edit cookies quickly and easily

  • EditThisCookieYou can quickly open a pop-up window on the current page and directly operate the cookie information of the current page
  • Cookie EditorYou can open the admin panel in a new TAB, where cookies under all domain names in the browser can be operated uniformly

Plug-in download address

  • EditThisCookie
  • Cookie editor

3, JSON – handle

A plug-in for formatting JSON data

  • There are a lot of JSON formatting plug-ins. Some people like json Formatter, JSON Viewer, etc. I am used to using this JSON-Handle plug-in

After formatting, the effect is shown in the picture below. The right panel can expand/shrink nodes, decode, edit and other operations

Plug-in download address

JSON-handle

JSON Viewer

JSON Formatter

4, Octotree

Octotree displays Github projects in a tree-like structure every time we open and return a github repository file

  • After installing Octotree, restart your browser and when you visit the Github repository, the Octotree Drawer button on the left opens up when you hover over it, revealing the file structure diagram for the repository

The effect is shown below:

  • Another plug-in, Sourcegraph, does the same thing, but clicking on the icon shows the directory structure in a new TAB

  • I personally liked using the first Octotree plugin

Plug-in download address

Octotree

Sourcegraph

Talend API Tester-free Edition

There are a variety of API debugging tools, as well as other tools like Postman, but that’s all that’s left of my plugin list

Plug-in download address

Talend API Tester

Vue and React developer tools

  • Vue.js devtools

  • React Developer Tools

  • Redux DevTools

These three developer tools, should be front-end development necessary plug-ins, so there is no need to focus on the introduction, presumably should also know how to download and install, here or attach the corresponding download address

Plug-in download address

Vue.js devtools

React Developer Tools

Redux DevTools

7. Rare earth mining

Nuggets is a community that helps developers grow. It’s Hacker News for developers, Designer News for designers, and Medium for product managers.

Nuggets is one of the most frequently-visited sites for developers to consult, communicate, share knowledge, and learn about community and technology trends. Normally, we can access it through THE PC website or APP. This plug-in can quickly open a new TAB to visit the nuggets website, and display the aggregated content and daily quality content.

Plug-in download address

Re the nuggets

Other plug-ins

1. Extension Manager

This plug-in can facilitate the management of chrome plug-in plug-ins, when our Chrome browser installed too many plug-ins, through the extension management function to manage plug-ins is too troublesome, sometimes have to look for a long time in the menu panel to enter the extension management interface, quite affect efficiency.

When you want to enable or disable a plug-in, simply click on the manager panel and perform the appropriate actions.

Plug-in download address

Extension Manager

2. Mouse gesture plug-in

  • CrxMouse Chrome ™ gestures

CrxMouse Chrome™ Gestures have wonderful features for mouse navigation. These applications include:

★ Fully customizable mouse gestures, keystrokes, actions, and mouse movements ★ Windows, Linux, and Mac support ★ Import and export configuration

  • SmartUp gestures

I have installed two hand gestures, the first of which I like to use for crxMouse Chrome™

Plug-in download address

CrxMouse Chrome gestures

SmartUp gestures

Infinity New TAB (Pro)

Infinity New TAB (Pro) replaces native new TAB pages with your saved bookmarks and offers a variety of quick and useful features.

After installing this extension, you can use the following functions: 1. Customize web bookmarks on your new TAB page. When you add a custom site, the title of the site is automatically retrieved using the “Read and change all data that you retain on the site you visit” permission. 2. Customize the wallpaper on your new TAB. Customize the search engine on your new TAB. 4. Read and display your Unread Gmail messages on the Gmail icon. Notifications are sent when new Gmail messages arrive;

This is the effect of opening a new TAB page, you can put some of your frequently visited websites or functions on the front page, you can also change your favorite wallpaper so that you do not have to open a browser or a new TAB page to see the url navigation page like Hao123, also pop up ads every time

Plug-in download address

Infinity new TAB

IDM Integration Module

This is an IDM Download plug-in, with the Internet Download Manager Download Manager is quite convenient to use, or quite a lot of people

Plug-in download address

IDM Integration Module

5, OneTab

  • Application Scenario 1: Convert multiple Tabs to a list

When you find yourself with too many tabs, click the OneTab icon and all the tabs will turn into a list. When you need to access the tabs again, click the OneTab icon to bring up the list and click the list to restore the tabs

  • Application scenario 2: Batch sharing Web pages

You can generate a list page generated in scene 1 to generate a TWO-DIMENSIONAL code, the two-dimensional code to share with others, so that you can not receive a group of web pages to share!

  • The OneTab officially features the first feature, which is billed as saving up to 95% of memory and reducing TAB clutter. Essentially, the OneTab redefines the history of the browser by closing numerous tabs, which is a pretty good idea
  • OneTab’s second feature, which I personally like, is that if someone asks you a simple question, you can open several web pages related to the answer to the question and share it with others with one click so they can read it for themselves

Plug-in download address

OneTab

6, Tampermonkey

Tampermonkey, commonly known as Oil Monkey, is a plug-in that runs and manages scripts on a browser. With Tampermonkey, you can easily and efficiently use and manage web scripts to make your web experience more comfortable.

Once the plug-in is installed, you can download the various scripts to install. I usually download scripts from the Greasy Fork website. The steps are as simple as finding the script you want to install and clicking install.

Plug-in download address

Tampermonkey

7, Vimium

First introduce how to efficiently search your browser’s favorites in the web page;

  • Their browser favorites in the collection of a lot of information, but every time to use, but can not immediately find it, need to click open folder, and then one by one to find, sometimes take a long time to find the previous collection of web pages, sometimes for a long time did not find.
  • In this case, you may not feel that there is anything wrong, you may also blame yourself for not classifying well, is their fault.

With the installation of Vimium, there is no need to look at the contents of favorites, you can quickly find the favorite web page, only need to know the keywords, even if only remember a keyword I can relatively quickly find.

  • When setup is enabled, press B to search for labels directly.
  • There are other shortcuts that do a lot of things
J: Scroll down a bit K: Scroll up a bit GG: to the bottom of the page G: to the bottom of the page D: Scroll down a bit U: Scroll up a bit H: Back up L: Forward x: close the current page X: Restore the page just closed shift+/ : Vimium help, check Vimium shortcut Settings...Copy the code

Those interested can install the experience

Plug-in download address

Vimium

  • This is just a list of the plugins I use a lot. There are other browser plugins, too.