DEV Community

Cover image for Chrome Extensions Every Developer Should Have

Chrome Extensions Every Developer Should Have

Karen Efereyan on September 14, 2020

Yesterday, I was having a google meet call with a developer. In the middle of the call, she had to show me something on her github profile and so s...
Collapse
 
anzhari profile image
Anzhari Purnomo •

Wappalyzer is my go-to tools when I'm on an espionage mission. 🕵️‍♀️

Collapse
 
madza profile image
Madza •

It's good, tho in many sites I feel like it displays only half of the tech-stack used or even less 🤔

Collapse
 
anzhari profile image
Anzhari Purnomo •

To be fair to Wappalyzer, they are only a 3 MB Chrome Extension and we just need a click to use it, so I would not expect too much from it. :))

I guess if I would like to have a more thorough scan we could use something like cybersecurity tools.

Collapse
 
developerkaren profile image
Karen Efereyan •

Espionage? Hahaha🤣🤣🤣

Collapse
 
livshin profile image
livshin •

Hi,
As a web developer I use most of the extensions you mentioned plus these two:

  1. EditThisCookie - super useful cookie editor - delete/edit/add cookies to any website
  2. Page load time - show you right on its icon the seconds it took the page to load

Thanks

Collapse
 
developerkaren profile image
Karen Efereyan •

These are amazing. I'll check them out

Collapse
 
developerkaren profile image
Karen Efereyan •

would you please make a PR to this repo? github.com/KarenEfereyan/extension... it might be of help to others

Collapse
 
thatafro profile image
Méhluli Hikwa •

Great Share. You may want to share or checkout the two below.

Web Maker - Its like a local codepen in your browser.
chrome.google.com/webstore/detail/...

JSON View - Helps prettify and JSON objects, plus has dark mode.
chrome.google.com/webstore/detail/...

Collapse
 
developerkaren profile image
Karen Efereyan •

Yes we maker is absolutely brilliant. I checked it out today. I know about JSON formatter not JSON view. I'll check out JSON view especially because of the dark mode. I love all things dark

Collapse
 
developerkaren profile image
Karen Efereyan •

would you please make a PR to this repo, github.com/KarenEfereyan/extension... . it might help others

Collapse
 
thatafro profile image
Méhluli Hikwa •

I made a PR for Web Maker.

Thread Thread
 
developerkaren profile image
Karen Efereyan •

Thanks so much. I dropped a message. Kindly Check it

Collapse
 
nexusdenim profile image
Nexus Denim •

Well the Chrome has all these things built into it in their developer tools already except the Octotree, which I most definatly Liked and the Broken links one as well. These are awsome extension i really like them but adding too much extensions will make processing expensive and also a little bit chunky as Chrome take much much more of Ram and processing already.

Collapse
 
fasani profile image
Michael Fasani •

Chrome has become such a beast in terms of its size. I am lucky to have learned it over the years but I still probably know less than 50% of what’s there. I always try to watch the “What’s New!” video with each release.

List of courses, but wait for a sale and you get them for $20.
udemy.com/topic/chrome-developer-t...

I think knowing chrome dev tools is a must for any frontend dev!

Collapse
 
developerkaren profile image
Karen Efereyan •

That's true though

Collapse
 
nithinsgowda profile image
Nithin.S • • Edited

In these days of online classes and meetings, I think this extension which I developed would help you out.
nith.ml/bot
Install this extension on your PC and it'll automatically attend all your online classes as per the timetable which you set.

Thank me later 🙃

Free to use by anyone 🙂

Collapse
 
developerkaren profile image
Karen Efereyan •

Really? That would be so cool. I'll check it out. I do want to build an extension that automatically attends my meetings too, you know, like google meetings that have a fixed time every week. I just don't really know how to

Collapse
 
nithinsgowda profile image
Nithin.S •

Yeah I can help you build them. The extension which I have posted earlier is for Microsoft Teams. I can do it for any other platform too.

And interesting point is that, if you deploy it on an Azure/AWS free server, you don't even need to switch on your laptop. No data consumption at all.😉

I have placed a tutorial video to set up the servers on the extension page. Please do check it out.

Feel free to reach me on me@nithins.me

Thread Thread
 
developerkaren profile image
Karen Efereyan •

Will do

Collapse
 
developerkaren profile image
Karen Efereyan •

could you please make a PR to this repo? github.com/KarenEfereyan/extension...

Collapse
 
weswedding profile image
Weston Wedding •

chrome.google.com/webstore/detail/...

This can be a little clunky but if you want to just toss a PNG up in your browser and adjust your CSS to match, Perfect Pixel has helped me immensely for many years.

Collapse
 
developerkaren profile image
Karen Efereyan •

I'll check it out. Thank you

Collapse
 
developerkaren profile image
Karen Efereyan •

Would you kindly make a PR to this repo? github.com/KarenEfereyan/extension... This extension will be useful to many others

Collapse
 
belrah profile image
Belrah •

Pls how do I use perfect pixel. I keep having issues with different image sizes on my site and its frustrating.

A link will be nice thanks

Collapse
 
weswedding profile image
Weston Wedding •

Hi Belrah, there is a handy video on the extension page. It shows the complete process of specifying an image to use as a reference, how to move the reference image around, etc.

Here is the vid: youtube.com/watch?v=s9r9HlL-ShM&fe...

Thread Thread
 
belrah profile image
Belrah •

Thanks very much Weston. I found this Really helpful

Collapse
 
eddt profile image
Edd Twilbeck •

Was a long-time user of Window Resizer until I found this one - chrome.google.com/webstore/detail/... - It just much "leaner and cleaner" to me!

This is a nice list of tools - good stuff!

Collapse
 
developerkaren profile image
Karen Efereyan •

could you kindly make a PR to this repo? github.com/KarenEfereyan/extension... it might help others

Collapse
 
developerkaren profile image
Karen Efereyan •

Thanks Edd

Collapse
 
lirantal profile image
Liran Tal •

Nice list, a long time user of OctoTree but stopped after I found out about the 'T' shortcut key.

Also, came here to add that it looks like you're missing my recent Twitter extension: Twiks twiks.pro :-)

Collapse
 
developerkaren profile image
Karen Efereyan •

The t shortcut? What does that do?. I'll be sure to look into the twinks pro extension. If you don't mind could you make a PR to this repo?
github.com/KarenEfereyan/extension...
Others will find it useful

Collapse
 
lirantal profile image
Liran Tal •

If you press the T key in your keyboard while viewing the main repository page you can browse the files. They have a bunch more documented here: docs.github.com/en/enterprise/2.13...

Thread Thread
 
lirantal profile image
Liran Tal •

I'll add a PR yes, thanks!

Collapse
 
developerkaren profile image
Karen Efereyan •

Everyone, I have made this into a repository. You can access it here, github.com/KarenEfereyan/extension...
It will be nice if you can make a contribution by adding all the nice extensions you've spoken about here. As its open source. Please remember to leave a star. thank you

Collapse
 
codenamecookie profile image
CodenameCookie •

This is a great list but you should probably make the headings for each extension bigger and bolder. Most people read a webpage by scrolling through the whole thing quickly first to see if anything jumps out at them.

Collapse
 
developerkaren profile image
Karen Efereyan •

Oh thank you so very much for the feedback. I will work on it

Collapse
 
chinchang profile image
Kushagra Gour •

And this -> webmaker.app

Collapse
 
developerkaren profile image
Karen Efereyan •

could you kindly make a PR of it to this repo? github.com/KarenEfereyan/extension... it would be helpful to lots of people

Collapse
 
developerkaren profile image
Karen Efereyan •

Kushara, I just checked out webmaker. It is absolutely brilliant. Just like codepen. It also supports offline use. Thanks for telling me about it

Collapse
 
suilillo profile image
Luis Lorenzo •

We have just published a simple extension to mark sites as dev/test/staging to avoid confusion managing multiple websites:

chrome.google.com/webstore/detail/...

Maybe it can be useful for you!

Collapse
 
firewalker06 profile image
Didik Wicaksono • • Edited

My definitive tool is Refined GitHub github.com/sindresorhus/refined-gi.... It simplifies GitHub UI and add useful features. For example, extracting edit✏️ button out of kebab button 😄

Collapse
 
developerkaren profile image
Karen Efereyan •

could you kindly make a PR of it to this repo? github.com/KarenEfereyan/extension...
Many would find it useful

Collapse
 
developerkaren profile image
Karen Efereyan •

ill check that out.

Collapse
 
kappaxbeta profile image
kappaxbeta •

Looks more that you solve problems through web extension, use them rare they can be a potential security Problem

Collapse
 
developerkaren profile image
Karen Efereyan •

Hmmn

Collapse
 
redhedded1 profile image
Larry A. Ball •

Great list, I picked up a few new ones and some I forgot about. Thanks!

Collapse
 
developerkaren profile image
Karen Efereyan •

Im glad

Collapse
 
judecodes profile image
Cool •

Are some of these extension available to use on firefox?

Collapse
 
mauricioarangoosorio profile image
mauricioarangoosorio •

Seems to me that at least half the tasks these extensions do are already achievable with FF's de facto Web Developer tools.

Collapse
 
developerkaren profile image
Karen Efereyan •

I'm not sure about most of them but I think octotree is?

Collapse
 
bassimsmile profile image
Bassim RAJI •

Yeah, my RAM needs more food :D

Collapse
 
developerkaren profile image
Karen Efereyan •

Hahaha🤣🤣🤣

Collapse
 
abiolaesther_ profile image
Abiola Esther •

There is also the lighthouse extension; it also as the web Developer checklist

Collapse
 
developerkaren profile image
Karen Efereyan •

Abiola, could you kindly make a PR of it to this repo? github.com/KarenEfereyan/extension...
it would be helpful to lots of people

Collapse
 
developerkaren profile image
Karen Efereyan •

That's right, Abiola

Collapse
 
douglasfugazi profile image
Douglas Fugazi •

Lighthouse for Chrome, it is a very helpful extension to analyze best practices for accessibility and performance.

Collapse
 
developerkaren profile image
Karen Efereyan •

Kindly make a PR of it to this repo github.com/KarenEfereyan/extension... would be helpful to lots of people

Collapse
 
developerkaren profile image
Karen Efereyan •

That's very true. Thanks for pointing that out.

Collapse
 
favouritejome profile image
Favourite Jome •

Awesome lists of extension. I've gotten the OctoTree extension, pretty cool

Collapse
 
developerkaren profile image
Karen Efereyan •

Im glad you found it helpful

Collapse
 
pwuk profile image
Peter •

Shame that extensions chew up so much memory

Collapse
 
developerkaren profile image
Karen Efereyan •

Shame

Collapse
 
blossom profile image
Blossom Babs •

These extensions are awesome! thank you for sharing

Collapse
 
developerkaren profile image
Karen Efereyan •

you are welcome

Collapse
 
shakilsultan profile image
Shakil Sultan Ali •

Now that's a great list! Thank you 🙏

Collapse
 
developerkaren profile image
Karen Efereyan •

Thanks Shakil

Collapse
 
temi_ profile image
Temi-tayo •

Definitely trying a number of them.

Collapse
 
developerkaren profile image
Karen Efereyan •

Pls do

Collapse
 
kilianvalkhof profile image
Kilian Valkhof •

If you're looking for a browser that has almost all these tools built-in (so no need to install extensions that slow down your browser) check out Polypane, which I built.

Collapse
 
developerkaren profile image
Karen Efereyan •

could you please make a PR of it to this repo? github.com/KarenEfereyan/extension... It would be helpful to lots of people

Collapse
 
developerkaren profile image
Karen Efereyan •

I'll be sure to. Thanks for telling me

Collapse
 
abhigk profile image
Abhi •

Hi Karen, I loved your list. I also want to see your website that you put in previews. What is the link?

Collapse
 
developerkaren profile image
Karen Efereyan •

Sure that's my portfolio website. Check it here karenefe.netlify.app

Collapse
 
developerkaren profile image
Karen Efereyan •

I'm glad you found it helpful

Collapse
 
akwganiu profile image
Akowanu Ganiu • • Edited

This is awesome, I will add octo tree right away

Collapse
 
developerkaren profile image
Karen Efereyan •

Please do. I promise you'll love it

Collapse
 
lucasm profile image
Lucas Maués • • Edited

Webaplyzer is wondeful! JSON Viewer is also a great extension <3

Collapse
 
lbarqueira profile image
Luis Barqueira •

Very useful chrome extension list. Just added OctoTree.

Collapse
 
developerkaren profile image
Karen Efereyan •

Yippie. I'm glad you found it useful

Collapse
 
developerkaren profile image
Karen Efereyan •

Cool. I'll check it out

Collapse
 
developerkaren profile image
Karen Efereyan •

I'm glad they were helpful Nika

Collapse
 
labib profile image
Asif •

Wappalyzer is the real game changer

Collapse
 
developerkaren profile image
Karen Efereyan •

could you please make a PR of it to this repo? github.com/KarenEfereyan/extension... it would be useful to many people

Collapse
 
devopswithkishore profile image
Kishore Kumar •

Hi all,
I'm created own extension for search the image results

chrome.google.com/webstore/detail/...
Please check it out

Collapse
 
fschlz profile image
Francisco Schulz •

Wappalyzer is a gift - many thanks!

Collapse
 
developerkaren profile image
Karen Efereyan •

Im glad you found it helpful

Collapse
 
developerkaren profile image
Karen Efereyan •

Thank you

Collapse
 
josephrangel profile image
Jose Rangel •

Hey, all those tools are in chrome dev tools and maybe Mozilla have too