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.
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.
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.
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.
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.