DEV Community

Cover image for What are some Browser plugins that you can't live without ?
Pritesh Usadadiya
Pritesh Usadadiya

Posted on

 

What are some Browser plugins that you can't live without ?

We all need toolkit that makes our jobs a little bit easier. As a QE there are several chrome extensions that i use everyday that boosts my productivity and reduces chunk of extra workload Here are all of them

BlazeMeter | The Continuous Testing Platform

Blazemeter plugin is easiest way to record your performance script in jmeter

Bug Magnet

this is a handy tool for doing exploratory testing. it's opensorce and provides you with range of test data to check edge cases of your app.

Check My Links

its a link checker that crawls through your webpage and looks for broken links.

Exploratory Testing Chrome Extension

another must have plugin for Exploratory Testing. you can gp page by page take a screenshot and write bugs, ideas, notes etc..

Note Anywhere

How many time you have browse through a article had some thoughts and forgot after some time. Well no more.

with this extension, you can create notes on any web page and when you open that page again, the notes will get loaded automatically.

Page load time

Quickly need to check the loading time for your webpage ? there is a extension for it.

Screencastify - Screen Video Recorder

I use this plugin to record product workflows, bugs etc...

In Free tire it gives you 50 recordings per month with max 10 min. recording per session. you can download saved videos from Google drive or export it as gifs.

i have been using it for some time and never needed to upgrade to paid plan.

WhatFont

easiest way to find what kind of font is being used on any portion of webpage without going into the details of devtools.

And of course our all time favorite

Chrome DevTools


So, What are plugins / extensions that you use which has become integrated part of your work ?

Oldest comments (76)

Collapse
 
jameslivesey profile image
James Livesey

AdBlock!

Collapse
 
jameslivesey profile image
James Livesey

(I guess it isn't really integral to work, but is really useful when you're trying to see something without ads flashing up in the way.)

Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

yes, In general i am fine with ads, just not too much of it.

Thread Thread
 
jameslivesey profile image
James Livesey

Yeah I agree. I keep ads unblocked on mobile too. (Partly because I just like using Chrome and not any 3rd party AdBlock browser, but also it gives some people some money for making a good website!)

Collapse
 
glennmen profile image
Glenn Carremans • Edited

Standard Adblock Plus and 1Password.

The last couple of months I added these 3 dev related extensions.

Refined GitHub

Browser extension that simplifies the GitHub interface and adds useful features

CodeCopy

A browser extension that adds copy to clipboard buttons on every code block

JSON Viewer

The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen.

Btw these are all open source so you could always contribute improvements.

Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

i am sold on JSON Viewer and CodeCopy. definitely gonna try.

Collapse
 
__shadz_ profile image
Chardenal Matthieu

Vue DevTools / uBlock / XMLTree

Collapse
 
sudiukil profile image
Quentin Sonrel • Edited

I used to have a LOT of browser extensions but now I try to keep only to a few ones, currently on my Firefox:

  • uBlock Origin, for ad blocking
  • HTTPS Everywhere, the name says it all
  • FoxyProxy, for proxy switching (with automatic rules)
  • Bitwarden, my password manager
  • Text Contrast for Dark Themes, to fix input fields when using a dark GTK theme (Linux)
Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

I used to have a LOT of browser extensions but now I try to keep only to a few ones

same here, i got rid of lots of extensions which i was using occasionally. Now i keep only few handful of them which i use everyday.

Collapse
 
kinghat profile image
kinghat

off topic, but how did you quote that?

Thread Thread
 
priteshusadadiya profile image
Pritesh Usadadiya

Just go to new line and add > and your quote.

> This is that awesome quote. 

here is a quick Markdown Cheatsheet

Collapse
 
kinghat profile image
kinghat • Edited

Text Contrast for Dark Themes, to fix input fields when using a dark GTK theme (Linux)

is this with firefox or chrome?

Collapse
 
papagoat profile image
Terence Lucas Yap
Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

i'm curious. where do you use Allow-Control-Allow-Origin: * ?

if you don't mind.can you provide some working applications/examples ?

Collapse
 
papagoat profile image
Terence Lucas Yap

It's for testing Rest APIs on localhost. Our enterprise system disabled CORS. This tool allows for a quick hack.

Collapse
 
simoroshka profile image
Anna Simoroshka

uBlock Origin
React Developer Tools
ColorZilla - color picker from anywhere on the page
Grammarly - better spell and grammar checker
Inifinite dashboard - I use it to have only a nice image and nothing else on the new tab
LastPass - password manager
Appear.in screen sharing - for my service of choice to make video calls
GitHub SLOC - shows the number of lines in a repo, somehow, to me, it feels important :)
Toolkit for YNAB - youneedabudget.com is an amazing budget planning tool, this is an extension to make it even better
Evernote Clipper - not sure yet about this one

Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

I have heard good things about youneedabudget.com. didn't know they had chrome plugin.

Collapse
 
simoroshka profile image
Anna Simoroshka

I think it's not theirs, it's an independent thing. It adds some nice UX tweaks to the webapp.

Thread Thread
 
priteshusadadiya profile image
Pritesh Usadadiya

thank you for the info @simoroshka ☺

Collapse
 
vip3rousmango profile image
Al Romano • Edited

Typically I'm using Chrome Canary for development and these are my must-have plugins I sync across all my accounts,

Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

A very good collection. Specially Funkify and Spectrum. they are definitely going into my accessibility testing toolkit.

Collapse
 
jckuhl profile image
Jonathan Kuhl

I should have mentioned JSONView in mine.

It makes working with REST APIs so much easier by presenting JSON in a more readable format.

Collapse
 
kayis profile image
K (he/him)

The Grammarly plugin is rather nice because I'm not a native speaker.

Collapse
 
tammalee profile image
Tammy Lee

I'm a native speaker and I use Grammarly all of the time! :D

Collapse
 
nektro profile image
Meghan (she/her) • Edited

All browsers should come pre-installed with uBlock Origin.

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
kinghat profile image
kinghat

are you using the extensions reloader url to automate the reloading?

Collapse
 
solomon profile image
Solomon

Yep! Especially when the extension icons don't update after I enable/load an extension (which I think is unintended behavior), I just go to reload.extensions and everything works as intended!

Thread Thread
 
kinghat profile image
kinghat

well i mean are you tying it into a save trigger by your code editor or something? id like to set that up somehow.

Thread Thread
 
solomon profile image
Solomon

Does this help? dev.to/sgvictorino/reloading-your-... πŸ˜ƒ

Thread Thread
 
kinghat profile image
kinghat

tyvm!

Collapse
 
deadlybyte profile image
Carl Saunders

I'm currently using the following extensions:-

Redux Dev Tools - React debugging tools to the Chrome Developer Tools

axe - Accessibility testing in Chrome Developer Tools

VisBug - Open source browser design tools

Sizzy - Tool for developing responsive websites crazy-fast

Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

axe seems cool. how does it compare to WAVE ?

Collapse
 
deadlybyte profile image
Carl Saunders

Haven't used WAVE, so can't give a comparison. All I can say is axe is really good.

Collapse
 
bobnadler profile image
Bob Nadler

Create Link (Chrome) - Allows you to create custom link formats. Very handy.

Collapse
 
austinstanding profile image
Austin Standing

My most recent addition and current favorite is Dark Reader.

Dark mode for every website. Take care of your eyes, use dark theme for night and daily browsing.

I've gone through a few others like it, but this is the best I've found for what I'm looking for.

Collapse
 
priteshusadadiya profile image
Pritesh Usadadiya

didn't know about Dark Reader. a useful addition πŸ˜ƒ

Collapse
 
jackharner profile image
Jack Harner πŸš€ • Edited
  • LastPass - Password Management
  • uBlock Origin - Ad blocker
  • Pushbullet - Moving files/texting/notifications to and from my phone and all my computers (The Desktop App works much better than the extension)
  • Material Color Palette - A little self promo, but I use this extension daily to quickly access Material Design color codes.
Collapse
 
nuculabs_dev profile image
Nucu Labs

AdBlocker and PrivacyBadger

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.