DEV Community

Cover image for 12 chrome extension that every developer must know
Konchada Sai Ansul
Konchada Sai Ansul

Posted on • Originally published at saiansul.hashnode.dev

12 chrome extension that every developer must know

Hello Guys, Welcome back to another post of Sai Ansul's Blog. In this blog we are gonna find out 12 chrome extension that every developer must know.

So, let's start

1. Web Developer

image.png

When you add it on your chrome browser there a small toolbar will be added, where there are different types of tools. As a developer in their day-to-day work this is very useful. The tools are like it allows you to do a lot more than a usual chrome browser Inspector , like being able to easily add outlines to elements just by clicking, displaying rulers, finding all broken images on a page, and lots more.

2.f19N Obtrusive Live Test

image.png

This chrome extension is a extendable webpage testing framework, it allows developers to test the pages such as SEO or its web performances. Its very simple test your web page. You get direct feedback and can check what are the things happening while the page loads .

3. CSSViewer

image.png

It is a simple CSS property viewer , it provides you with a floating window panel that reports on the identification of the section that the mouse is over, along with its text, font, background, positioning and effects. It also provides the basic knowledge about CSS.

4. Lorem Ipsum generator

image.png

It does what its name states. It provides a quick way to create default text. Definitely, this is when you need some default text as a placeholder.

5. actiTIME

image.png

It helps developers to keep track of work hours directly from the web browser and web apps . It is used by companies and freelancers for analyzing performance and controlling the project’s progress and profitability. This is a must use extension.

6. Ghostery

image.png

This is a good extension that detects trackers, pixels, and any other embedded snippets on a website. You can immediately see which plugins and trackers are installed on the web page you’ve visited. It helps you protect your privacy. There’s no registration or sign-up required to use this Chrome extension.

7. Site Spider

image.png

If you need to find broken links on your site and want to restrict spidering to a specific directory you need Site Spider. It helps you a lot when you have a broken link.

8. Session Manager

image.png

When you’re surfing on the web, browser tabs management is a great skill.. It saves your browsing state and lets you re-open the session later. It is particularly useful if you find yourself opening the same web pages again and again.

9. Clear All

image.png

It allows you to clear your cache from the toolbar. It works without any pop-up or confirmation dialogs to distract you. It’s customizable in terms of how much data you want to clear, including app cache, downloads, file systems, form data, history, local storage, passwords, and much more. Its useful for making your computer faster also.

10. JSONView

image.png

As a developer’s working includes works with APIs, reading raw JSON data on a browser can be quite awkward. It’s much easier to read JSON in tree-view, rather than in its raw state. It helps you view JSON documents in the browser.
JSON(JavaScript Object Notation)

11. Grammarly

image.png

Using this extension you can cross-check and ensure your grammatical errors, you can present best of yourself every time, You an easily improve any text.

12. EditThisCookie

image.png

This is a cookie manager. You can add, delete, edit, search, protect, and block cookies.

Bonus: daily.dev

image.png

It is the easiest way to stay updated on the latest programming news. where you see articles from many famous blogging platforms.

This is it for today guys. Do comment which one you liked the most.

Stay tuned for some more interesting blogs coming up soon.

If you like my content and want to support my efforts please like👍🏻, share📲 & subscribe to the newsletter to be get notified whenever I post a new blog.

Discussion (1)

Collapse
codycodes profile image
Cody Gagnon

Adding "Clear All" and "editthiscookie" to my list! It's amazing how the browser can almost become a dev environment with all the extensions that have been made for it!

Also want to share, while not an extension, a cool thing my coworker showed me:

I think the "Clear All" extension might handle this better (will know when I use it!), but you can also purge the site data if you have the developer tools open and click and hold on the refresh button → "Empty cache and hard refresh". I have also seen a "Hard refresh" option in this menu, but still need to learn what this means and how it differs from also emptying the cache.

Thanks again for the share!