Chrome Extensions for developers, I can't live without?
Discussion started by someone anonymous
Hey developers, which chrome extensions do you use that help you in day-to-day work. Please list the one you definitely can't live without. 👩💻
Learn Something New Everyday,
Connect With The Best Developers!
Another thing is that Chrome's developer tools improved a lot lately and provide so much of the tools needed in our day-to-day work.
As you see, I try to minimize the extensions I use and stick to proven and well-known extensions.
I use Wappalyzer to know what technologies are running on any page. Node, Vue, Bootstrap, Font Awesome, whatever. Wappalyzer: https://wappalyzer.com
I use Pocket to save articles and web pages to read later on. There's an extension and a Chrome app. The Chrome app downloads the saved articles and pages for offline read. Pocket: https://getpocket.com
I usually try to keep my list small, because w/e do I need? Chrome's dev tools deliver my coding needs, and other than that, there's only very little to add.
- TamperMonkey, which allows me to write custom JS, which gets injected into websites on load - because I just can't resist to meddle with my favorite websites~
- uBlock Origin - blocking ads like its 2018. Duh, some pages just go full ad on you, so you gotta fight back.
- HTTPS everywhere for all the lazy bum admins who don't redirect you automagically to their TLS secured site :)
- Ghostery blocks annoying (social media) trackers. Google Analytics included, btw. Feeling like a ghost :)
- Akari URL shortener, which I don't use too often, but those short links are waaai too cute :D
- various WaniKani extensions for my Japanese learning needs.
Unbezahlte Werbung durch Nennung/Verlinkung von Personen, Organisationen oder Unternehmen.
Milica good point! I actually don't mind ads, though. I mind being stalked across the web and I mind not being able to access a page because everything is covered by ads which more often than not make my eyes bleed because of their "attention colors" and "attention animations". Everything wants to be seen, except for what I want to see. Ads which respect me as a user of a page and not as a target of extortion are cool and I really like how non-intrusive they are over here at Hashnode.
I might be a minority here, but I actually use Chrome for development almost bare. It's not my main browser, I usually don't even have any personal information in it. I think the only extension I've been using is Redux DevTools for an Angular project with ngrx.
Honestly whilst I test on Chrome, and use Vivaldi as my daily driver, I only debug on chrome when FF's in-built debugging isn't telling me what I need to know.
Generally whilst great as a daily driver browser, the in-built tools and extensions/plugins come up short on my needs as a developer. A LOT of that is just limitations of what Chrome and it's kin/kine let you do to the browser's UI and/or how little it exposes to the extension developer.
So I use FF+Extensions for debugging and tools, even if it is an unstable train wreck with piss poor accessibility and UI design that makes it utterly unsuited for my day to day use.
Right tool for the right job.
Amongst the extensions I use in FF:
Web Developer Toolbar -- I mostly use it these days for disabling CSS to make sure my semantics presents a useful page, test what happens on forms if someone tries to BS "post" and "get", and to verify the document outline. That last one being great to show people how utterly banjaxed their mis-use/abuse of H1..H6 are.
Adblock Plus -- so I can see what happens on pages when ads are blocked. You might put ads on a site, but that doesn't mean sane and rational people aren't going to tell you to kiss off, so your site needs to work when they're blocked. and no, I don't go nuts trying to block the blockers. I get it, I don't trust advertisers as far as I can throw a semi-trailer; even when I work with them.
... and that's really it since the in-built debugging tool/document inspector is overkill in the majority of cases. I've not seen any other extensions for any browser that do much of anything I need or even want done during development.
Though I have watched some people collect extensions/tools the way I collect vintage computers. "Because they can" not because they actually are going to use it for anything productive.
Here is the list of Chrome extensions that I use on day to day basis-
- Print Friendly & PDF (To save webpages as PDF file)
- LastPass (A must tool for saving all my passwords)
- AdBlocker Ultimate (To block some annoying ads)
- Nimbus Screenshot and Screen Recorder (For web page screenshot and recording)
- Vue DevTools (A must tool for Vue js developers)
- Grammarly (Helps with spelling and other minor sentence mistakes)
- Gnome shell extension (Helps with installing gnome extensions on my Ubuntu)
- JSON Formatter (Very handy tool)
- Raindrop (Saves bookmark)
- Nightshift (Not using much)
- VisBug (Just for fun)
I have more than enough RAM so I don't worry about having a lot of plugins.
Chrome extensions that I uses are :
- Metamask: For running decentralised apps.
- Pushbullet : Mobile Notifications are shown on Desktop.
- Grammarly: For writing posts.
- React Developers Tools_: For developing react based apps.
- Video Speedup: To speed up the videos 2x,3x,5x times.
- LastPass : Password manager.
The Great Suspender
Content-security-policy headers are enabled. - very useful for not worrying about CORS in localhost.
Blur - useful for creating fake emails/data quickly :)
And until a few months ago postman. They have since created a desktop app for better use :)