12 chrome extension that every developer must know
Published: 2021-05-13 14:32:24

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](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620843629208/zdZ8A1ApU.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](https://chrome.google.com/webstore/detail/franz-enzenhofer-seo-live/jbnaibigcohjfefpfocphcjeliohhold?hl=en)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620843789735/b0mJ-M2oc.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](https://chrome.google.com/webstore/detail/css-viewer-for-google-chr/eedfldkdghfkhdcanjnfiklpeehbfoag?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620843863453/obreyVRIS.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](https://chrome.google.com/webstore/detail/lorem-ipsum-generator-def/mcdcbjjoakogbcopinefncmkcamnfkdb?hl=en-US) 
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620843936263/5mzxZaD--.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](https://chrome.google.com/webstore/detail/actitime-time-tracking-pr/oogddkbohgikljeadnkcepdmekigegck?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844025068/2HVbOfKhk.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](https://chrome.google.com/webstore/detail/ghostery-%E2%80%93-privacy-ad-blo/mlomiejdfkolichcflejclcbmpeaniij?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844074939/HU7mIcA5R.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](https://chrome.google.com/webstore/detail/site-spider-mark-ii/gedjofgioahckekhpgknhchelbpdogok?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844134287/wH-OsJnGa.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](https://chrome.google.com/webstore/detail/tab-session-manager/iaiomicjabeggjcfkbimgmglanimpnae?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844186632/O2nnhcxtF.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](https://chrome.google.com/webstore/detail/clean-all-history-cache-c/elidgjfpciimeeeoeneeiifkmhadhkeh?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844250389/DRwtaWykU.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](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844315492/VVqs1je7n.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](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844395835/Efms_H9FR.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](https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844465220/_CbQpP9Bt.png)

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


# Bonus:  [daily.dev](https://chrome.google.com/webstore/detail/dailydev-all-in-one-codin/jlmpjdjjbgclbocgajdjefcidcncaied?hl=en-US)

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620844516588/QmUdZ8iyL.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.