Top 10 Chrome Extensions Every Developer Likes
Tags: javascript, devops, website
Published: 2019-09-08 04:07:41

# 1.Octotree

Octotree Pro is loaded with features that bring your productivity on GitHub to the next level! Thousands of developers are using Octotree Pro daily to boost their productivity.

Cancel online anytime with a click of a button. But you will probably never do that as our cancellation rate is less than 1%.

We recommend the Team plan which only costs ~$2 per employee per month. Your company can invite anyone into their subscription.

[https://www.octotree.io/](https://www.octotree.io/)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1p6ucusmnp6my7bpko6m.png)

# 2. Dark Reader

Dark mode for every website. Take care of your eyes, use dark theme for night and daily browsing.
This eye-care extension enables night mode creating dark themes for websites on the fly. Dark Reader inverts bright colors making them high contrast and easy to read at night.

You can adjust brightness, contrast, sepia filter, dark mode, font settings and ignore-list.

[https://darkreader.org/](https://darkreader.org/)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/yj0nf6qfyalsbfs2j798.png)

# 3. SourceGraph

Sourcegraph provides this standard developer platform to every company, helping startups and large enterprises ship better software faster.

[https://sourcegraph.com](https://sourcegraph.com)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/ntq1j1q4l1fi3uq2b2ke.png)

# 4. Web Developer

The web developer extension for Chrome adds a little toolbar with different tools available. The original concept of this Chrome extension for developers came from the PNH Developer Toolbar.
The chrome extension web developers has a lot of handy tools a developer can use in their day-to-day work – for designers as well as programmers. It allows you to do a lot of more then the standard Chrome 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.

[https://chrispederick.com/](https://chrispederick.com/)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/dlh7fa0fwis8y4gaxyes.png)

# 5. ColorPick Eyedropper

An eye-dropper & color-picker tool that allows you to select color values from webpages.
If you feel the need to alert the developer about a bug use the feedback forum instead of writing a review.

If you are having problems with accuracy use the arrow keys, and enter to pick colors once you get the mouse in the approximate location.

Please note that colors are picked from a snapshot of the page that is updated only when you scroll.  To take a new snapshot press r or use the re-snap button.  Sometimes if you just changed tabs, you may see a snapshot error - this is an intentional security feature.  Press R or scroll to correct this, or exit color pick and try again.

[http://vidsbee.com/](http://vidsbee.com/)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/km780x8wdiph5xs3oflw.png)

# 6. Ghostery

Ghostery is a great Chrome extension which detects trackers, pixels, and any other embedded snippet on a website. You immediately see which plugins and trackers are installed on the web page you’ve visited. Further on, Ghostery lets you protect your privacy. There’s no registration or sign up required to use this Chrome extension.

[https://www.ghostery.com/](https://www.ghostery.com/)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/sh4xyhs2cq1zbtj03w31.png)

# 7. Session Manager

Simple yet powerful tab set management. Quickly and easily save, update, remove, and restore sets of tabs!
Session Manager is a simple yet powerful extension that makes it quick and easy to save, update, remove, and restore sets of tabs.

[https://chrome.google.com/webstore/detail/session-manager/mghenlmbmjcpehccoangkdpagbcbkdpc?hl=en](https://chrome.google.com/webstore/detail/session-manager/mghenlmbmjcpehccoangkdpagbcbkdpc?hl=en)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/mixfjbya9lo4fzn1xdd6.png)

# 8. JSONView

You can configure JSON parsing method in options page:
- the default method (JSON content is extracted from displayed page) is faster but can (in some rare cases) alter or fail to parse the JSON content.
- the safe method costs an extra XMLHttpRequest request (JSON content is extracted from the HTTP response) but is 100% safe.

[https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/t4qtghmia31ojfpyub35.png)


# 9. Page Ruler

Draw a ruler to get pixel dimensions and positioning, and measure elements on any web page.
Page Ruler lets your draw out a ruler to any page and displays the width, height and position of it.

[https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme?hl=en](https://chrome.google.com/webstore/detail/page-ruler/emliamioobfffbgcfdchabfibonehkme?hl=en)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/jc3ry5bwdzd0z1x9uu4q.png)

# 10. Wappalyzer
Wappalyzer is a cross-platform utility that uncovers the technologies used on websites. It detects content management systems, ecommerce platforms, web frameworks, server software, analytics tools and many more.

[https://www.wappalyzer.com/](https://www.wappalyzer.com/)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/2mv8zijfj8e2989savjh.png)