How to use No Caching tool in Charles proxy

Introduction

Setting up the No Cache tool in Charles Proxy can be a cumbersome process. It often requires navigating through a maze of options to enable the proxy and dealing with the tedious process of making it work with SSL. You may also find yourself debugging issues with VPNs.

But what if you could achieve the same result with just a couple of clicks, right within your browser? With Requestly’s Chrome extension, you can easily manage caching headers without the hassle. Say goodbye to complex configurations and proxies, and embrace Requestly’s user-friendly experience.

Charles Proxy No Cache Tool

How the No Cache Rule Works

The No Cache rule in Charles Proxy is designed to prevent your browser from storing and serving cached versions of web resources. It achieves this by altering response and request’s cache-control headers to stop browser from caching the resource. This is useful when you want to ensure that you’re always fetching the latest version of a resource from the server, whether you’re debugging or testing changes in a live environment. By bypassing the cache, you eliminate any potential issues caused by outdated or stale content.

How to Configure the No Cache Rule in Charles Proxy

Configuring the No Cache rule in Charles Proxy involves several steps:

  1. Open Charles Proxy: Launch the Charles Proxy application on your system.

  2. Navigate to the Tools Menu:

    • In the top menu, click on Tools.
    • From the dropdown, select No Caching.

  1. Add a New Rule:
    • In the No Caching window, check the Enable no Caching checkbox, This will disable cache across all the websites

    • But if you want to disable it for some specific webpages you can check Only for selected locations. and then click on Add.

    • A new window will appear, allowing you to define the parameters of the rule.

  1. Configure the Rule:
    • Protocol: Here you can select your site’s protocol http or https
    • Host: Here you can enter the host/domain that you want to apply the rule to.
    • Port: You can specify the port on which your site is running.
    • Path: Define the path if you want the rule to apply only to specific paths on the host.
    • Query: here you can define the query parameters which should be targeted.
  1. Save the Rule:
    • Once you’ve configured the necessary parameters, click OK to save the location.
    • Now Click OK on No Cache settings to enable the tool
  2. Verify the Rule:
    • Refresh the page in your browser to confirm that the resources are no longer being served from the cache.

I hope you are able to configure Map Local tool, if you are facing issues in setup of SSL read about SSL setup on Charles Proxy official documentation.

Due to this complicated setup process of Charles Proxy and issues with VPN we, at Requestly, came up with a smart solution. We developed a Browser Extension that can sit inside the browser and use browser’s APIs to intercept and modify your network requests and responses. 

Modify Headers To Disable Cache in Requestly

Requestly is designed differently so it doesn’t need any SSL configuration and hence works seamlessly with your VPNsDisable Cache can be implemented with “Modify Header” in Requestly. With just 3 inputs i.e. source URL matching condition, Header and its value.

There are more advanced rules in Requestly & other features to help you test the working of the rule along with details of how to use this rule are explained below.

Overview of Configuration Options
  • Source Condition: This determines which requests will be redirected.
  • Type of Header: Select the type of header you want to modify, you can add separate modifications to both
  • Header Value: Enter the header you want to remove.
  • Action: The type of modification you want to do to the header
  • Add Modification: Include additional header modifications.

Steps to Configure Requestly’s Modify Header Rule

  1. Install Requestly Extension: Download and install Requestly’s browser extension.
  2. Open Requestly Dashboard: Visit app.requestly.io and log in.
  3. Click on the Rules tab and then select New Rule.
  4. Choose Modify Header as the rule type.
  5. Enter the URL or URL pattern in the Source Condition field.
  6. Specify the header you want to modify, add, or remove.
  7. Name your rule and click Save.

Now you can test it on your desired website, or if you do not want to go through the hassle of setting it up yourself, we have created a shared list of this rule for disabling cache for you. Go ahead and import it by clicking this button below

Or create your own Rule by following the guide below

Interactive guide

Check out this interactive and easy explanation of how to create this rule :

Other Use Cases

Modify Header rule in requestly is a powerful tool and can serve many purpose, it can also be used for other usercase like :

  1. Add Custom Authentication Tokens: You can automatically add authentication tokens to requests by modifying headers like Authorization. This is helpful for testing APIs or accessing resources that require token-based authentication.
  2. Modify CORS Headers: You can modify CORS (Cross-Origin Resource Sharing) headers, which allows you to test cross-origin requests or bypass CORS restrictions during development, making it easier to debug and test APIs.
  3. Simulate Different Languages: Adjust the Accept-Language header to test how your website appears in different languages, ensuring that localization and internationalization are functioning correctly

Migrate from Charles proxy

If you already have a Charles Proxy setup and want to give Requestly a try, You can import these tool settings in Requestly in just few clicks

Requestly currently supports following tools that you can import from Charles Proxy:

  • Rewrite
  • Map Local
  • Map Remote
  • No Caching
  • Block lists
  • Block Cookies

Steps to import

  1. In Charles Proxy, go to the top menu bar and select Tools > Import/Export Settings.

Charles proxy menu Import Export settings
  1. In the popup window that appears, switch to the Export tab. Under the Tools section, select the tools you want to export and click the Export button at the bottom right.

Import Export Setting popup
  1. Open the Requestly dashboard. If you don’t have any existing rules, you’ll see an Import settings from Charles Proxy .

  1. Upload or drag your exported Charles .xml file into Requestly.

Import charles proxy settings poip up
  1. Once the import is successful, your Charles Proxy settings will be converted into Requestly rules.

Conclusion

I hope you have got a clear understanding of both the No Cache in Charles Proxy and how Requestly can achieve the same results with greater ease. While Charles Proxy effectively handles the task, Requestly offers a modern, simple and efficient experience.

Since Requestly operates directly from your browser and leverages built-in browser APIs, there’s no need for complex SSL configurations, eliminating the VPN issues often encountered with Charles Proxy. Plus, you don’t need to switch between different tools — everything you need is right in your browser.

Love for Requestly is reflected in its 4.4 ⭐ rating from over 1,200 users on the Chrome Web Store. Requestly is being used by 200K+ developers across the world.

Happy Debugging!!!

Explore More

Share this article:

Subscribe to our weekly newsletter !

Join 10k developers and QAs to get weekly updates with Requestly's newsletter.​

This article was written by:

Picture of Dinesh Thakur

Dinesh Thakur

Dinesh Thakur, fascinated by technology since childhood, has mastered programming through dedication. Whether working solo or in a team, he thrives on challenges, crafting innovative solutions.

Join 10k developers and get weekly updates with Requestly's newsletter.

Contents