Introduction
Chrome is considered one of the most web browsers that have many features for normal users and developers.
So in this article, we gonna recognize to an awesome chrome extension that will ease your life as a developer.
So let's get started....👉
Extensions
1. React Developer Tools
I think there is no react developer that didn't use this extension in his work at least once.
It is an awesome tool that helps you to analyze and debug react applications, like showing status, props, and all component details.
2. JSON Formatter
Look at the above image, It is an API endpoint for the Egypt Country Information from the rest countries website, If I told you to tell me what is the Capital of Egypt, it a little difficult right?
Now look at the above Image, If I tolled you too repeat the previous demand, Mission is easy now right?
That is precisely what JSON Formatter Extension gives us, It Reformate JSON string into a nice and interactive shape, Which ease dealing with data.
3. Fonts Ninja
In your work as a Frontend developer, You may find a nice font that makes you impressed and you need to use it in your application but the problem is that you need to know its name And that is exactly what fonts ninja came to solve, it tells you all fonts name in any website.
4. Grepper
Nice and very good chrome extension that help you in the development process by shoeing your problem solution in google search result, So You should try it.
5. Redux devtools
Great Extension if you use Redux, It give You all tools to debug analyze store and all reducers in your application.
6. Wappalyzer
As a developer sumtimes you want to know the technologies that used in a specific website, This extension solve this problem, It tell you every technologies that is used in any website.
7. Web Developer
Another Great Chrome Extension that Contains Nice tools for You as a Web developer.
It let you disable javascript or CSS from your website and more tools that absolutely will help you in your development process
8. Responsive Viewer
As a frontend web developer you should test your application if it is responsive or not in chrome or firefox dev tools, these tools are limited in size but with Responsive Viewer, you can test your website on every screen that you like and you can show more one view to compare your website on different screens.
9. Lorem Generator
We may need random text to test a frontend website and know how it will be.
Lorem Generator Extension will solve this problem, It makes you random text with any length that you want.
10. Web developer Checklist
Great extension that helps you to make your application 100% true and ideal.
It test your website and gives you what your website needs to be Ideal
Top comments (0)