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
 
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

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
 
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
 
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
 
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
 
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
 
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
 
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
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
developerkaren profile image
Karen Efereyan

Cool. I'll check it out

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
 
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
 
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

ill check that out.

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
 
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
 
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
 
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
 
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
 
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
 
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

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

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
 
abiolaesther_ profile image
Abiola Esther

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

Collapse
 
developerkaren profile image
Karen Efereyan

That's right, Abiola

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
 
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
 
developerkaren profile image
Karen Efereyan

I'm glad you found it helpful

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
 
pwuk profile image
Peter

Shame that extensions chew up so much memory

Collapse
 
developerkaren profile image
Karen Efereyan

Shame

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
 
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
 
bassimsmile profile image
Bassim RAJI

Yeah, my RAM needs more food :D

Collapse
 
developerkaren profile image
Karen Efereyan

Hahaha🤣🤣🤣

Collapse
 
blossom profile image
Blossom Babs

These extensions are awesome! thank you for sharing

Collapse
 
developerkaren profile image
Karen Efereyan

you are welcome

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
 
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

I'm glad they were helpful Nika

Collapse
 
developerkaren profile image
Karen Efereyan

Thank you

Collapse
 
labib profile image
Asif

Wappalyzer is the real game changer

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
 
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
 
kishorepydev 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
 
lucasm profile image
Lucas Menezes • Edited

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

Collapse
 
josephrangel profile image
Jose Rangel

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