QA Graphic

Blue Button

Useful Chrome Extension to help debug a website.

Blue Button Chrome extension, by the Voice Group, is a handy way to get some quick information about the site you are currently looking at.

Description from the Developer

Hit the Blue Button on any web page, and get an instant, no-frills index of its building blocks. Easily access information on SEO, code and graphics components: from title tags and meta description to scripts and stylesheets to images and fonts.

Blue Button Screen Shot

Why QA should use this

  • Find Internal and External Stylesheets.

    If something doesn't look right in Production but worked fine Dev, it could be the location of a particular stylesheet or javascript file. Blue Button list all the external and internal file references. (Perhaps and Internal Script didn't get merged during the last deployment.)

  • Easily Identify Scripts

    Are you referencing the same JavaScript file multiple times? Could that be causing load issues? Easily identify what scripts are being called.

  • Alt Attributes Requirements

    Did you know that the image alt tag is required anytime an image is referenced? Blue Button makes sure all the images have the proper Alt tag. QA should note images that don't have the proper Alt tags - which will help SEO.

Getting the Chrome Extension

Download the Chrome Extension from the Chrome Web Store.. You can find more information from the Voice Group.

 

About

Weekly Tips and tricks for Quality Assurance engineers and managers. All reviews are unbiased and are based on personal use. No money or services were exchanged for the reviews posted.

Schedule

SaturdayInternet Tools
SundayOpen Topic
Monday Media Monday
TuesdayQA
WednesdayKeyboard Maestro
ThursdayGluten Free
FridayMacintosh