ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Chrome Browser Extensions For Augmenting Your Site

Updated on July 8, 2013

Google Chrome is no longer a thing for the geeks but this minimalistic web browser has now become quite a popular choice, all over the world. This is not surprising in the wake of the remarkable job that Google has done in coming up with some excellent features that can blend in with your Google account.

Till now, the habitual IE or FireFox users were hesitant to give up their favorite web browsers as they found the integrated plug-ins or add-ons extremely useful. However, the Chrome extensions introduced by Google are the answer to this. These extensions have successfully replaced or replicated the functionality of plug-ins found in a typical browser.

Below given are a set of extensions that you might find useful:

HTML and CSS

Every developer who wants to use FileSystem API must have the HTML extension. This extension will help you browse the contents of your local Web filesystem along with giving you a clear idea of how much data the app can store. On the other hand, with CSS reloader, you will not have to reload the page itself while reloading CSS. All stylesheets can be reloaded via keyboard shortcut F9.

Debugging

With the Web Developer extension, your browser will have a toolbar button from where you can access various web developer tools. Also, Firebug Lite does not work as a substitute for developer tools but is used in conjunction with them. It is not only faster to load but also provides for browser toolbar integration.

Performance Tuning

Performance Tuning extensions enhance the speed of your web applications. Speed Tracer helps in the identification and fixing the performance of your web applications. This means that you will be able to have a clear picture of how the applications are using up your time. Also, YSlow analyzes the performance of web pages and gives suggestions to improve the same.

Fonts

The font extensions like WhatFont provides you with an easy and elegant way to inspect web fonts. You can do so by simply hovering over the web fonts. Additionally, it also helps you detect the services used in these web fonts.

Testing Responsive Resizing

The Responsive Inspector allows you to inspect page media queries. It is quite useful in the development of responsive web layouts as you can clearly see the resolutions that are defined in CSS. If you wish to test the responsiveness of design media queries, responsiView is your tool, which will allow you to test media queries in a new sized browser. With Resizer, you can quickly and easily change the dimensions of a website and test its design responsiveness. Finally, Window Resizer resizes the window of your browser so as to emulate different screen resolutions.

Images

Image extensions like Image Size Info and Simple Image Resizer helps you play with your Google images. The former is a simple extension which helps you view the height, width and size of images while the latter helps you resize photos and images, without compromising on the quality.

Testing Mobile Websites

The Mobile toolkit helps you in a page’s code validation, check its responsiveness with different mobile emulators and provide ways to improve compatibility. Mobile Tester emulates screen resolution and user agent so that you can test your web pages against mobile devices. Finally, User-Agent Switcher for Chrome is the answer for your need to switch quickly between user agent strings.

Google Chrome, with its new set of extremely innovative and useful extensions, is like a dream come true for those web developers who deal with responsive design and wish to enhance their productivity. With the help of the above given extensions, you will easily be able to design and produce a highly responsive website.

Comments

    0 of 8192 characters used
    Post Comment

    No comments yet.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)