cta quote button US

The 10 Best Chrome Extensions for Web Development Testing

Read More

How Much Does It Cost to Hire Web Developers in Ukraine?

Our pricing is completely transparent: you pay your engineers’ salaries and a flat monthly fee for our services. No hidden charges.

Read More

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

Create Software That Integrates With Facebook Messenger

Looking for a developer that can create a software that integrates with Facebook messenger. The software would need to be easily installed via chrome extension and then show up in the messenger ... (United States)

ECommerce Dashboard SaaS With API Integrations

Hello Y'All, We are building a dashboard for ourselves and our marketing group of ecommerce dropshippers. Check out Compass.co or Ordermetrics.io for similiar services in this niche. DO NOT CONTACT ME ... (United States)

Fix Chrome Extension (webRTC) To Catch Call Statistic

We have a Chrome extension that hooks into the browser webrtc API (https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API) and collect statistic using webrtc getstats() method and save the ... (Israel)

Create HTML/CSS For A Mobile Web Site Based On A Prototype

NO JS integration! NO JS coding required. Just make static HTMLs and CSSs files. Important! Please share the most advanced project that works great on mobile device. More complex is better. To see ... (Canada)

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.

echo face

Get a FREE Consultation

- Want to learn more about how we work?
- Not sure if we meet all your criteria?
- Too shy or busy to give a call?