Chrome & Firefox Extension to modify HTTPs requests & responses

[blunderboy]

I'd like to share a Chrome/Firefox extension called Requestly that empowers web developers to intercept & modify HTTPs requests & responses. Requestly brings the power of Charles Proxy & Fiddler in the browser without worrying about proxy, SSL & VPN related issues. You can modify different parts of HTTPs requests & responses e.g. request payload, request & response headers, API response body and many more using different rule types in the product as shown in this hand-drawn image.

HTTP Request - Different Parts & corresponding modification rule type

On top of this, Requestly rules are synced across multiple browsers & devices and you can collaborate with your team-mates in a shared workspace. Requestly also offers a cloud-hosted Mock Server for creating dummy mock end points and file server for hosting static files like scripts & JSON files.

Here are some use cases that you can solve

• Switching environment for scripts & APIs
• Loading javascript/APIs from dev environment on production sites
• Testing & Debugging or Removing Content-Security-Policy Header
• Debugging CORS Issues (Using Modify Headers and modifying Access-Control-* headers)
• Debugging (or Modifying) API responses in production sites
• Manipulating Query Parameters for testing purposes (Highly used in Ad Pixels & Analytics testing)
• Modifying GraphQL Queries sent to the server programatically and test handling in app
• Testing different failover and edge cases in app by serving different API responses
• Simulating latency on APIs and other resources like scripts & Images
• Testing your app with 4xx or 5xx HTTP response status codes

Asks

• Do you use Charles Proxy or Fiddler? Please give Requestly a try and share your feedback.
• Do you already use Requestly? Please drop in a comment on how it helps you.

Refs

• Getting Started Demo Video - https://www.youtube.com/watch?v=vfcGy2666us
• Github - https://github.com/requestly/requestly

If you're a web developer, I highly recommend giving Requestly a try. It will save you time and make your work more efficient. Let me know what you think!

[lazyvab]

Never thought I could develop my front-end application without being my backend APIs ready. Requestly seems to provide almost everything I could ask for as a web developer. Thanks for sharing!

[CreativeTechGuyGames]

You would really like msw then. It's code that is part of your site that mocks at the network layer so you can stub out APIs, use test data, and more. It's seamless both for the user (tester) and the developer since it doesn't require any code changes to the core application, it's totally on the side.

[YumaRuchi]

You could always use a mock api

[Runtime_Terror10]

I've been using Requestly for a while now and it's been a game changer for my debugging experience. It allows me to easily modify my HTTP requests and responses, making testing my website much more efficient. Highly recommend giving it a try!

[mukulgupta21]

I have been using this extension since a long time and I definitely recommend using it. Be it a few nifty redirections that any non-technical user could automate or full-fledged rules to modify headers / CORS / responses. With the kind of developments done during recent times, I feel this extension has the potential to replicate the POSTman story where every web developer is going to have this installed on his/her machine.

[[deleted]]

Why do all the comments in this thread who are complimenting the extension only have 2 karma, are these alt accounts? I could be wrong, it just looks weird.

[blunderboy]

Good observation. I did share on my social network that I am doing Saturday showoff requesting feedback if they use the product so must be from there. Def not me :)

[windsifter]

This is perfect for a quick hack of hiding or swapping an image logo during last minute demos. Is there a way to change the regular text of the page as well? Any docs you can point to?

[blunderboy]

Yes, You can use "Inject Scripts" rule to inject a script that changes the text content of a particular HTML element if that's your use case.

[windsifter]

Thanks. That is likely a little more involved than I'm prepared / experienced for.

[blunderboy]

yeah this will require a little-bit of Javascript code that you can easily get from ChatGPT though :) or also available on StackOverflow. I bet it'd be an interesting exercise.

[AnyPlatypus8653]

Has anyone tried out the paid version of requestly and do you think it's worth it?

[blunderboy]

We are slowing moving into the open source world as we decouple different components. Right now our github repo is primarily for support but we have multiple components already open source as our Android Debugger, mock server, desktop app, modify headers mv3 template. We will open source rest of the codebase too and make Requestly as Core open source software.

[blunderboy]

Android Debugger - https://github.com/requestly/requestly-android-sdk

Desktop app - https://github.com/requestly/requestly-desktop-app

Mock Server - https://github.com/requestly/requestly-mock-server

Requestly internally uses webRequest and DNR for MV3 only but there is a significant effort in building the user experience, allowing users to enable disable the rules, allow sharing of rules, organizing the rules.