cta quote button US

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

(chrome.google.com/webstore/detail/check-my-links/ojkcdipcgfaekbeaelaapakgnjflfglf )

if_check_12_115547After 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

(chrome.google.com/webstore/detail/javascript-errors-notifie/jafmfknfnkoekkdocjiaipcnmkklaajd )

if_js_282802Most 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

(chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh )

if_57-windows_104446Ten 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

(chrome.google.com/webstore/detail/clear-cache/cppjkneekbjaeellbfkmgnhonkkjfpdn )

if_clear_105265It’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

(chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc )

if_glasses_183680It’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

(chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg )

if_Streamline-22_185042Your 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

(chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn )

if_web-04_296731How 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

(chrome.google.com/webstore/detail/d3coder/gncnbkghencmkfgeepfaonmegemakcol )

if_i868_1121675JavaScript 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

(chrome.google.com/webstore/detail/form-fuzzer/cbpplldpcdcfejdaldmnfhlodoadjhii )

if_drive-form_3005190It’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

(https://chrome.google.com/webstore/detail/kkopfbcgaebdaklghbnfmjeeonmabidj )

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

Need Inspiration? Check Out Some Related Projects and Tasks

React, Node.js And PHP Developer For Long-term Cooperation

This is a small test task for you, if you successfully complete it, we'll be more than happy to offer you a much bigger, long-term project on React, Node.js and PHP. Here you'll need to customize our ... (Russia)

Mattermost Plugin

Create a plugin so a user can record his screen with voice or record voice only and share the output audio or video with someone. UI/UX should be super simple. If you have any such expertises and ... (Pakistan)

Mattermost Plugin

Create a plugin so a user can record his screen with voice or record voice only and share the output audio or video with someone. UI/UX should be super simple. If you have any such expertises and want ... (Pakistan)

Helping A Start-up By Being A Javascript Expert, With A

Currently we are looking for someone who'd like to work with two Master students in software engineering, who are busy with building an MVP and are almost ready to validate the proposition. We expect ... (Netherlands)

These results are based on the freelance jobs extracted from Upwork.

If you think your friends/network would find this useful, please share it with them – We’d really appreciate it.

Leave a Comment

We would be glad to get your feedback. Take a moment to comment and tell us what you think.