

Clicking on the icon in the menu bar produces a dropdown menu of window sizes which you can customize and rotate your screen and customize the presets. You can also resize your browser window on the fly. The most common screen sizes are available (for laptop, desktop and mobile) but you can also enter in your own customized window sizes. The Window Resizer extension resizes the browser window to test your responsive design based on various resolutions. Wappalyzer is an open-source and cross-platform utility that is able to detect over 1000 technologies, including content management systems, ecommerce platforms, web frameworks, server software, analytics tools and more.įor example, in each web tab, the icon on the bar changes and also if you click on it, a popup dropdown window appears with details for the website. It disables a style from a page, finds all broken images, disables javascript, disables cookies and offers much more choices.


The Web Developer extension has a lot of tools which a developer can use in their daily work. You can drag the edges of the ruler to resize it, or use the arrow keys to move or resize it. It measures width, height and position of any element.Ĭlick on the Page Ruler extension icon and drag the ruler alongside the item that you want to measure. The Page Ruler is just like a real ruler. It can keep color history, copy a color code and it even has a color palette browser.

That works wonders when it comes to comparing multiple font types simultaneously!!ĬolorZilla is just like the WhatFont but for color.Ĭlick on the ColorZilla extension icon and hover over the color to generate a color code.ĬolorZilla features a multitude of color tools for just about any need you may have, including an eyedropper, color picker, palette viewer, and a gradient generator. This extension can be used on as many fonts as you want, as it allows a user to open as many of these info boxes as you want, akin to sticky notes. Then, when you click again on the word, the popup extends with more details about the font, font family, size, weight, line-height, etc. A popup name of the font will appear underneath. The extension identifies fonts quickly and efficiently.Ĭlick on the WhatFont extension icon and point the cursor at a word. Let’s check out 8 of the best extensions of Google Chrome that as a web developer, I recommend as I am use them every single day. It offers solid performance, clean interface, rock-solid security, seamless sync across the devices and the best web store. Google Chrome is the most popular web browser especially for web developers.
