Modern browsers have advanced development toolkits allowing HTTP request inspection in detail. With the recent Chrome 111 release users are now able to override response headers directly in the network panel. This means tools like browser extension are not needed to accomplish simple use cases. In this article we explore the current possibilities and limitations of one of the newest Chrome DevTools features.

Keyboard shortcuts are an essential tool for web developers, as they can help speed up common tasks and improve efficiency in the development process. In modern browsers such as Google Chrome and Mozilla Firefox, keyboard shortcuts can be especially helpful for debugging, as they allow developers to quickly access and navigate various development tools without needing to use their mouse or trackpad. We're also looking into why you should give a damn about shortcuts.

This short article covers what "mocking" means in web development, how developers achieve this, and how it helps them. We'll also cover some disadvantages of mocking.

This blog post gives detailed insights into the most prevalent JavaScript E2E (end-to-end) testing frameworks. We break down our article into two main sections:

1. Our experience - we tried six different frameworks by writing the same test case on the same web application and provided detailed pros/cons of working with those technologies. All the code examples are available here.
2. Deep dive - to help you decide the best framework for your project, we pulled together many different data sources - e.g., the state of JS survey, social networks, GitHub, etc. We evaluate each framework across four categories: feature set, adoption & popularity, DX (developer experience), and maintenance.

It's 2022, and automation is on the rise. The number of software testing tools, libraries, and platforms available increases daily. What different aspects of web applications should you be testing? Which ones should you automate? And when and how should you employ manual testing?

During our web development daily activities it's common to poke around the browser to test our applications or replicate weird behaviors, often caused by API calls errors. In this short tutorial you can learn how to override a XHR/Fetch response status code with the tweak browser extension.

Modern browsers have advanced development toolkits allowing developers to inspect and debug their code in detail. This article will go through the options you have to block HTTP requests with modern browsers.

This article will guide you on mocking a GraphQL request directly in the browser with our extension.

APIs are king in the industry, and GraphQL has changed the APIs game for good with rising adoption. We want to write this article specifically tailored to developers working with GraphQL APIs. Let's begin!

A genuine Chrome browser power user can only reach maximum efficiency using shortcuts. Shortcuts bridge the gap over repetitive tasks that might not be individually super time-consuming. Still, they do add up and crawl up your productivity with time.

If you're getting into JavaScript and frontend development, you've probably come across many use cases where you'll need to fetch data from a remote service endpoint. Depending on the type of application you're working on, this data can come in many different shapes. For single-page applications, it's common to handle remote data in the JSON format and fetch it through HTTP requests. In this article, we want to guide you through some common patterns when handling such requests and share other tips we think are helpful.