Skip to main content

tweak blog: mock APIs, debug HTTP and test frontends

Guides on mocking API responses, editing HTTP requests and headers, testing error states and debugging the network in the browser, from the tweak team.

tweak wrapped 2024: A Year of Growth

· 2 min read
Daniel Caldas
Co-founder

Closing on 2024, we’re thrilled to share the milestones and achievements that made this year unforgettable for Tweak Extension. With +65% more active users and more than 48M requests intercepted! Here’s a look at some 2024 numbers:

HAR Files: A Developer's Insight

· 3 min read
Daniel Caldas
Co-founder

HTTP Archive, commonly known as HAR, is a file format used by developers to capture and store network communication data between a web browser and a website. This valuable tool provides a detailed record of the interactions between a user's browser and the various web elements that compose a site. But why do developers find HAR files indispensable, and what information do these files encapsulate?

Override Query Parameters with tweak

· 3 min read
Daniel Caldas
Co-founder

It's really hard to express the power of tweak just through our documentation. Some use cases fall through the cracks. We got some recent feedback on users searching for a way to modify URL query parameters and not being able to find it in tweak. This short "how to" article explains how you can manipulate the URL and its query parameters with tweak in just 3 simple steps.

Demystifying HTTP Status Codes: A Fun Guide

· 6 min read
Daniel Caldas
Co-founder

HTTP status codes may seem like a bunch of cryptic numbers, but they hold the key to unlocking the mysteries of the web. Whether you're a developer, a curious user, or just someone who stumbled upon this article, get ready to embark on an adventure to uncover the hidden meanings behind those three-digit codes.

From playful successes to mysterious redirects, and from sassy client errors to menacing server mishaps, let's dive into the fun and fascinating world of HTTP status codes!

5 Must-Know HTTP Headers, Explained for Developers

· 5 min read
Daniel Caldas
Co-founder

HTTP headers play a crucial role in the communication between clients and servers. They provide essential information about the request or response being sent, enabling efficient data exchange and enhancing the functionality and security of web applications. This post is a reference: five of the most common HTTP headers, their meanings, use cases, and why you should care about them. To change headers in the browser instead, see the links at the end.

Override Response Headers in Chrome DevTools

· 5 min read
Daniel Caldas
Co-founder

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. This article is a step-by-step how-to for that DevTools override: how to add or edit a response header from the Network panel, and where the feature stops.

Boost Your Productivity with Keyboard Shortcuts

· 3 min read
Daniel Caldas
Co-founder

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.

JavaScript E2E Testing Frameworks Compared

· 25 min read
Daniel Caldas
Co-founder

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.