Introduction
The web developer community strives to create websites that capture the attention of the target audience. The members are always learning something new and creating something impactful. This translates to the fact that productivity plays a big role in their journey to greatness.
There are numerous techniques on the internet that we can follow to increase our productivity. Chrome extensions are one such technique that allows us to boost the outcome of the hard work that we dedicate to our craft.
In this article, we will discover 10 useful Chrome extensions that can improve our productivity as web developers and change our lives for the better.
Loom
Loom is one of the most used screen recording extensions in the Chrome Web Store. It enables us to record our screen, share our ideas graphically and provide real-time responses.
Window Resizer
Window Resizer resizes the browser window to replicate different resolutions. It gives us a feel of personalization as it lets us add, delete and reorder the list of resolutions that we want to test.
Check My Links
Check My Links is a link analyzer that scans our website for broken links. This extension is especially tailored for web developers as they are always in a bid to make their website content flawless.
Wappalyzer
Wappalyzer is a tech stack assessor that lists the tools and technologies that are used to build a website. It allows us to learn about the CMS (Content Management System), frameworks, JavaScript libraries and more.
Session Buddy
Session Buddy is an extension that enables us to conveniently manage browser tabs and bookmarks. It saves the open tabs as collections that we can restore later at any given point in time.
Lighthouse
Lighthouse is an open-source, autonomous tool for enhancing the quality, efficiency and accuracy of our web apps. It audits a page by running a series of tests on it and then generating a report that summarizes the page's performance.
Requestly
Requestly lets us build, test and debug web apps with Intercept & Modify HTTP Requests, Mock Server, API Client and Session Recording. It brings the abilities of Fiddler, Charles Proxy and more such tools into the browser with an attractive and modern UI.
Grepper
Grepper is an extension that answers the queries of the developer community. It allows us to swiftly extract code snippets from across the web that we can then use in our projects to make progress in our journey.
BrowserStack
BrowserStack enables us to test our website on desktop or mobile browsers. It is a helpful extension for web developers who want to make cross-browser testing an integral part of their development workflow.
Octotree
Octotree is an extension that helps us with code review and exploration on GitHub. Using this tool, we can bookmark repositories, issues, pull requests & files, perform quick searches and navigate pull requests with ease.
Conclusion
We have reached the end! The extensions that we discussed above are immensely helpful and have the capability to improve the amount of work done by a great margin. So, let's use them and keep making progress in our respective journeys as web developers.
Quick Note:
Thank you for taking the time to read my article. It means a lot to me and pushes me to create more content just like this one.
My Socials:
My Blogs:
My Other Articles:
Top comments (31)
Is there any advantage in using the Window Resizer, when this feature is available natively? You can also add your own presets natively.
Lighthouse is also available directly in Chrome dev tools. Firefox has a different tool but also has accessibility dev tools natively.
Same with Octotree. It was a great extension but this same feature is now available natively in github.
You're right. Extensions are regularly being incorporated into different applications.
But since it is an article on Chrome extensions, I included the tools as extensions rather than a part of Chrome Dev Tools, GitHub or any such tool.
Thank you for reading!
My point stands. Each time you install an extension, you are trusting that it is safe. No malware, no data collection, or any other shady business. It's not unheard of - actually it's sadly common - that popular extensions get sold out to companies that sneakily change the behaviour of the extension. And of course, they update automatically. Chrome's extension moderation is notoriously lacking.
My point is, the less extensions you use, the better. I would never recommend extensions that simply recreate the same features that already exist in the browser. Calling them "useful" is not really factual in this case.
Truly said. The moment an extension gets sold to a company, it loses its originality.
In my opinion, we can call them useful since the services that they provide are useful. However, I agree with you that if the services are already built into Chrome Dev Tools, GitHub or any other tool, we should definitely utilize them in these tools rather than installing them as separate extensions.
Good suggestions! Just downloaded Requestly because I need that for future development. Thankd!
You're welcome and good luck on your journey!
I use this SEO extensions
chrome.google.com/webstore/detail/...
That's great!
Faves: Requestly, Lighthouse, and I use uBlock Origin.
Nice!
A good piece of writing
Thanks, Don!
You're welcome, Juliana!
Check my links - also useful for SEO's
Absolutely!
Hi, @sriparno08, for writing this out. This is Sachin - Founder & CEO, Requestly. So heartful to see Requestly being mentioned here and getting so much ❤️
Great to meet you, Sachin!
Requestly deserves to be on this list and earn love from the people. It has helped me a lot and it will surely help a lot of others as well.
Good luck on your journey!
Great article, I need to try a few of them.
Thanks, Martin!
Try them and see if any of them helps you on your journey.
Link Checker is a 404, the app doesn't seem to exist any longer.
I tested it and it's working fine for me. So, I am keeping it.
Thanks for reading!