Previously when people used to make comparisin between the
Mozilla firefox and
Google chrome browser Addons/extensions used to be the biggest issue. But now Google chrome has too enriched its browser store with lots o free extensions to increase the functionality and capacity of the browser. Now you din’t need to downland and open screen capturing tool into your computer for capturing webpage, Extensions made it all possible.
So if you are a web developer and a Google chrome browser user then we want to let you know that Google chrome browser has brought free extensions with it that will make your web development experience even more easier, convenient and also fast. Here we have listed the 18 most recommended Google chrome browser extensions for the web developers.
Related :
10 Most Recommended Firefox Addons for Web Developers
Firebug was previously a
firefox addon available for only firefox browser but now its available for Google chrome browser too. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elemements with your mouse, and live editing CSS properties.
There are many Screen Capturing extension available for Chrome browser but according to my personal experience awesome screen capture is the best screen capturing extension for web developers among all. Awesome Screen Capture allows you to Capture the whole page or any portion, annotate it with rectangles, circles, arrows, lines and text, blur sensitive info, one-click upload to share. Support PNG/JPG and shortcuts.
Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions and the ability to customise that list. It also gives users the option to turn on Google Browser Size.
With IE tab Google chrome extension you can preview how your website looks on Internet explorer browser without opening the internet explorer browser. Once you install this extension in your browser, Just click the IE icon on the browser. There will appear another browser structure within the Google chrome tab, now enter your website URL there and see how it looks on Internet explorer.
Eye Dropper is extension for Google Chrome and Chromium. It allows you to pick color from any webpage or from advanced color picker. It is great tool for web developers.
Speed Tracer is a tool by Google that helps you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs.Using Speed Tracer you are able to get a better picture of where time is being spent in your application.
Split screen opens a new tab and prompts the user for two URL’s, then displays both sites on one page. It also supports adding more frames either horizontally or vertically. Split screen Google extension is great for cross-reference studying and surfing the web in general! Watch a video, (or wait for it to buffer) while you surf another webpage.
Pendule is extended web developer tools for Chrome. You can use this extension in addition to the built-in Developer Tools. With pendule you can debug programs, switch off images and CSS and more thats why this is another must have tool for any web designer using Chrome.
Snippy Google chrome extension allows you to grab snippets of web pages, save them for future use and upload them to Google Docs. It capture rich contents and preserves formatting, so you can capture paragraphs, images, links and more. Snippy also saves the captured snippets on your browser. If you want, you can decide to upload them Google Docs, or SnipBin, to have them available even outside of Chrome, edit and share them with your friends.
With measure it Google chrome extension you can draw out a ruler that will help you get the pixel width and height of any elements on a webpage. It is also among the best and most recommended extension for web developers who uses Google chrome browser.
Chrome editor extension allows you to code right within the browser.You also have the ability to save a code reference for later use. It saves it to your computer locally. Once you install this extension you dont need to waste your time flipping between browser and a code editor.
This Chrome extension allows you to easily scan an element’s basic CSS properties without having to delve into the inspector window. Once you install this extension it will add a button to the toolbar which is used to enable it and again the same button to disable it . Once you enable it you can continue using the page, with the difference that a quick overview of CSS properties for the element your mouse cursor is hovering is displayed. Elements being scanned are highlighted with a red outline so the user can easily see the structure of the page. Most CSS properties are supported by this extension.
Instant image editor is a extension powered by
pilxr.com, an online photo editing application that runs within a browser window. After you install this extension simply right-click any image or element on a web page with a background image while holding down the alt key (ctrl key on Linux) to edit the image instantly in a new tab.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Loren Ipsum generator extension simply generates random “Lorne Ipsum” texts staying within the browser window with the purpose to use the less amount of code (and also memory) and help the developer/user to get the job done.
View selection code is a Google chrome extension which allows you to view the HTML source code for only the selected content. It shows the source code in the resize able popup. It is a handy extension for web developers that will definitely save your time when you want to see the style used in some definite section of a page.
Validity Google chrome extension can be used to quickly validate your HTML documents from the address bar.Just click the icon in the address bar to validate the current document without leaving the page. The number of validation errors can be seen in the tool tip and the detail can be seen in the Javascript console.Validity also gives you the option to use your own installation of the W3C Validation Service.
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person and now it is available for Google chrome browser. Its some main features are various validation options, page resize and hidden elements viewer.
JSONView is a Firefox extension that helps you view JSON documents in the browser. Normally when encountering a
JSON document (content type “application/json”), Firefox simply prompts you to download the file. With the JSONView extension, JSON documents are shown in the browser similar to how XML documents are shown. The document is formatted, highlighted, and arrays and objects can be collapsed. Even if the JSON document contains errors, JSONView will still show the raw text.
No comments:
Post a Comment