The 10 Best Chrome Extensions for Web Development Testing | Echo

The 10 Best Chrome Extensions for Web Development Testing

Most web developers have their preferred setup, but testing software takes collaboration from both developers, QA people, and the website owner. You don’t have to be a web developer to use chrome extensions to help test your site.

These ten chrome extensions will help you test your site for bugs, and they can be used by both developers and site owners.

1) Check My Links

( )
After you add content and perform upgrades, you eventually run into a problem with broken links. Broken links are a turn off for your readers, and Check My Links will scan your site and find any that point to a deleted page. You should either delete these links or point them to a new location on your site.

2) JavaScript Errors Notifier

( )
Most browsers suppress JavaScript errors, so you have no feedback to tell you why your pages aren’t working. JavaScript Errors Notifier displays a popup message when your page returns an error to the user. This extension is good for developers and website owners, so they can track bugs that could render a page unusable for customers

3) Windows Resizer

( )
Ten years ago, developers only had to worry about a few screen sizes. With tablets and smartphones, developers must design and code for several screen resolution and sizes. You don’t need to have different screens on-hand when you have Windows Resizer. This extension lets you test your site with different screen sizes in an emulator.

4) Clear Cache

( )
It’s common for users to have cached items from your site that affect the way an application works in their browser. As you develop your web applications, you need to clear cache and cookies to see what your pages look like when a new user accesses the site. The Clear Cache extension lets you clear certain components in cache, so you can test your site with different cached values.

5) JSONView

( )
It’s a pain to view JSON results as you develop applications. With JSONView, you can see the JSON returned from an API or an external application to better understand how you can code results. It makes your development life simpler by giving you formatted output instead of sending different input to an API and reviewing results one-by-one.

 6) EditThisCookie

( )
Your web application probably uses cookies to store values on your readers’ computers. Your application displays results based on cookie values and you need a way to test your application for each cookie value including when the user has no cookie value stored. With EditThisCookie, you can manually change cookie values and see what happens with the application. It’s a great way to test for bugs based on cookies. One example of when you would need this tool is when you want to perform A/B testing.

7) Page Ruler

( )
How big should your images be? How much space do you have to fit text within a window? You can find these answers using the Page Ruler tool. This tool measures components of your site, so you can then size images and containers as you design your site. The tool also lets you resize components to review what they would look like in the user’s browser.

8) d3coder

( )
JavaScript lets you use various encoding and hashing techniques to obfuscate your code and content. The d3coder Chrome extensions helps you analyze and decode these values, so you can see them in plain text without manually decoding them during your QA procedures. It also lets you de-serialize input and output, which makes it easier to test your application with external APIs.

9) Form Fuzzer

( )
It’s tedious to fill in form values every time you need to test a page. Imagine testing a form ten times before you identify any bugs. Each time you fill in values if takes too much time. Form Fuzzer saves you time by pre-populating fields each time you test a page, which saves you time and hassle while you test.

10) XSS Rays

( )
Every application you deploy should be tested for vulnerabilities. XSS Rays tests your application for cross-site scripting attacks, which allow an attacker to run his own code on your website. This extension is for both web developers and website owners who want to perform penetration testing on the site.

Chrome offers numerous extensions for web developers and site owners. These ten tools will help you test and design your site, so you can quickly identify bugs and fix them before they cause issues with your users.

Lyubomyr Reverchuk

Serial Digital Entrepreneur

Lyu had been working for more than 5 years as a programmer and marketer before he started a software development company in 2013.

Leave a Reply

Notify of

Join our monthly newsletter

Go up