Add wechat: code_7Steps, note “enter the group”, invite you to join the technical exchange group crowded with big talent!

Whether you’re a beginner or an experienced developer, you’ll spend a lot of time in your browser every day.

Development is a relatively flexible knowledge system, development field, there are a lot of content we can not all record in the mind, so, we need to often use the browser, to search for the answers needed.

I once consciously concluded that taking translation tools as an example, although YOUdao Dictionary was installed on my computer, I hardly opened it. I used Chrome plug-in Salad to search for words and translate them.

Because, this makes me at my fingertips, in the process of browsing the web, I do not need to switch Windows, it is very convenient to translate, and GET the results I want.

That’s why I recommend Chrome over desktop tools because it’s easy to use and saves a lot of storage.

On Chrome, there are some very useful, developer-oriented plug-ins that can be of great help and convenience to developers.

Today, I put together a list of 11 Chrome add-ons every Developer should have in 2021.

1. Daily.dev

As a developer, the work day is very busy.

However, in this field of rapidly updated knowledge system, it is necessary to spend a certain amount of time and energy to keep learning and contact with new knowledge.

A good way to do this is to visit technical websites regularly.

However, in the age of information explosion, different websites are filled with all kinds of messy information. Also, it’s hard to take time out of your busy schedule to create a daily viewing habit.

Daily.dev is a great choice, combining data sources from 350+ tech blogs covering Android, JavaScript, Java, Python, machine learning, deep learning, dotNet, and more.

Just open the new TAB and you’ll see the latest and most popular technical articles of the moment.

2. Wappalyzer

Wappalyzer was developed by Elbert Alias in 2009 to allow developers to identify the technologies that make up the back end of a web site.

As a Web developer, Wappalyzer can be a great help when you see a good site but don’t know what technology it uses.

Wappalyzer can identify Web technologies used on Web sites, detect Web servers, frameworks, analysis tools, libraries, CMS, plug-ins, databases, widgets, and more.

3. sitemode.io

This is easily one of the best Chrome extensions for developers, as it allows developers to modify, save and share any website in real time.

The sitemod. IO extension allows developers to modify a Web site without accessing the source code, and also to create shareable links to the modified web site.

It’s a great tool if you’re a Web developer and have an idea for a potential client’s website.

It uses Chrome Developer tools to edit HTML, CSS or JS code for a web page, and can add code to a web page.

4. Devo

Devo is a tool similar to daily.dev.

Devo is a good choice if you think daily. dev offers more than 350+ data sources.

It integrates the content of Hacker News, Product Hunt, Github Trending, Dev Community, Designer News, Lobsters and other mainstream technology websites to display them in blocks by platform, which is very clear and obvious.

5. Marmoset

User appeal is very important to developer projects, and many times developers may need to create snapshots of their code in their projects for aesthetic or other presentation purposes.

With Marmoset, beautiful snapshots of code can be created in just a few seconds, and these snapshots can be used to create graphical representations of work for use on social media or portfolio sites or elsewhere.

It is a must-have tool for Web developers and designers.

6. JSON Viewer

If you’re currently using or have ever used anything that involves a lot of JSON code (such as apis) (especially RestFul apis), you’re probably fully aware of how unwieldy and unreadable JSON code can often be.

JSON Viewer is a great Chrome extension for developers with syntax highlighting and beautification that gives developers a sense of visual clarity.

It helps to arrange JSON data in a beautiful tree format that can be viewed directly in a browser window. It is an open source extension for examining JSON data.

7. SAML Tracer

As a Web developer, you have to deal with large amounts of data that are passed throughout your project and between other projects.

Security Claim Markup Language (SAML) is an open standard that allows the exchange of authorization credentials between service providers and identity providers.

As a result, developers often need to track SAML traffic. With the SAML Tracer Chrome extension, developers can easily track and highlight SAML traffic.

It tracks details of SAML requests and responses, and can also track details of HTTP requests or browser traffic, including requests such as GET, POST, PUT, DELETE, login and logout responses.

8. actiTime

Any developer knows that time is a very important factor in the success of a project, and tracking their development time is critical to the progress and growth of the project.

The actiTime extension makes time tracking easier and makes your project time allocation clearly visible.

It’s a great tool for developers to track their work time, and for companies and freelancers to analyze their performance and manage the progress of their projects.

9. Ghostery

Ghostery is a powerful privacy extension for Chrome developers.

Not only can it block ads, but it can also detect and block trackers, which ultimately speeds up a website.

Ghostery blocks objectionable ads on websites and provides tracking protection to prevent third-party sites from tracking, thereby protecting your data.

It’s free and doesn’t require registration or registration to get started.

10. Full-Stack Developer Tools

Over the past few years, the demand for full-stack developers has grown exponentially, as has the demand for full-stack development tools.

There are many tools for full-stack development, but getting them from different locations can be tedious.

Full-stack Developer Tools makes the most commonly used full-stack development Tools handy and easy to use by placing them under a single Chrome extension.

11. ApiRequest.io

When debugging a single-page application by checking API network traffic, it is important to evaluate the various API requests and their responses.

Apirequest. IO allows developers to capture these API requests and responses in the browser. It helps users capture AJAX HTTP requests and responses to apis from any web site, such as the React single-page application, and can be shared via a Google Doc link.

conclusion

The 11 tools described above are tools for developers that can greatly improve development efficiency and skills.

Do any of these tools appeal to you?

Go for it!

Dry recommended

In order to facilitate everyone, I spent half a month’s time to get over the years to collect all kinds of iso technical finishing together, content including but not limited to, Python, machine learning, deep learning, computer vision, recommendation system, Linux, engineering, Java, content of up to 5 t +, I put all the resources download link to a document, The directory is as follows:

All dry goods to everyone, hope to be able to support it!

Pan.baidu.com/s/1eks7CUyj…