Popular Categories

25+ Useful Google Extensions for Developers

I have been using Chrome for almost a decade now. The best part about Chrome is its EXTENSIONS. Yes! Extensions, they are very useful for developers. I have curated a list of some of the best chrome extensions, every programmer should install. Let’s look at what are these:

Web developer Toolbar Extension:

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox.

Full Stack Optimization Live Test:

A tool to run webperformance, technical SEO tests on webpages while browsing!

Window Resizer

This extension re-sizes the browser’s window in order to emulate various resolutions.

ColorPick Eyedropper:

An eye-dropper & color-picker tool that allows you to select color values from webpages.

CSSViewer:

A simple CSS property viewer.

Lorem Ipsum Generator (Default Text):

Provides an elegant and quick way to create default text or generate Lorem Ipsum. Optimized for quick usage, but it can customized.

Wappalyzer:

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

JSON View:

Validate and view JSON documents

WhatRuns:

Discover what runs a website. Frameworks, Analytics Tools, WordPress Plugins, Fonts – you name it.

Dimensions:

A tool for designers to measure screen dimensions

Site Palette

A must-have tool for designers and frontend developers. Grab colours for any website.

Checkbot: SEO, Web Speed & Security Tester

Test 100s of pages at once for SEO/speed/security issues: broken links, HTML/JavaScript/CSS errors, redirects, duplicate titles…

CSS Peeper:

Extract CSS and build beautiful styleguides.

Web Developer Checklist

For web developers who wants to make sure they follow best practices. This extension allows you to very easily discover problem areas in your website.

Screencastify – Screen Video Recorder

Screencastify helps you record your screen and then share.

Marker.io: Visual bug reporting for websites

Report visual bugs directly into your favorite tools, without leaving your website or web app

Adblock Plus – free ad blocker

Adblock Plus is an easy-to-use adblocker that blocks video and social media advertising

Font Finder:

An easy-to-use font inspector to get CSS styles of the selected element

Form Fillter:

This extension allows you to fill all form inputs (textboxes, textareas, radio buttons, dropdowns, etc.) with **random/dummy** data.

Loom:

With one-click to record, one-click to finish and a publicly shareable URL automatically copied to your clipboard, Loom is changing desktop communication as we know it by making video easy and fun to use.

Meta SEO Inspector:

This extension is mainly aimed at web developers that need to verify the HTML of their site to follow the Webmasters’ Google Guidelines, but even to who is curious about any page contents that are usually not visible, but can reveal interesting site properties.

React Developer Tools

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

Screen recorder:

Screen Recorder is a lite extension that help you record video from the computer’s screen (or tab).

WordSmith:

A Chrome extension to learn new words every time you open a new tab.

Was this helpful? Did I miss something? Do you have a question? Get in touch.