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

ChromeOS Kiosk Web App In JavaScript

We are porting our existing WebApp to run on a ChromeBit using Chrome App Builder. The app will run on a ChromeBit device and be remotely managed by us using Google ChromeOS Administration. The app ... (United States)

IOS, Android Mobile App

Technical specification “Tutor”: The goal is to create a parental control app for children of 3-10 years old. The main task is to limit access to mobile entertainment. General description: Only 3 ... (Russia)

Development Of A New Blockchain Browser Extension

Looking for an experienced Chrome developer for implementation of a browser extension to support the BitShares blockchain. The underlying Blockchain methods are available in form of a javascript (es6) ... (Germany)

Frontend Developer (9$ Per Hour +30 Hours Week For 6 Months)

Extensive knowledge about: jQuery, bootstrap, mobile-comaptible responsive development Familarity with: React, redux, redux-saga, react-router Ability to work with rest-api Ongoing and upcoming ... (Turkey)

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.