Map Local

This is a great tool if you want to quickly swap a hosted image, file, PDF, etc. with a locally stored one. This is useful if you don’t want to or don’t have time to rebuild and deploy a new instance of your application.


In this tutorial we are going to swap an image hosted on a website (we’re using NY Times hosted image) with one stored locally.

Prerequisites

Find the image URL

In Chrome, right-click the image -> select the “Copy image address” option

In this tutorial I am using an image hosted on the NY Times website

Enable SSL Proxying

In Charles, find the Request, right-click it and select “Enable SSL Proxying” from the dropdown.

The Request(s) you want to modify must be decrypted before you can use the Map Local feature with it

Open Map Local settings screen

Tools -> Map Local -> tick “Enable Map Local”

Map URL to a local file

Add -> paste in the image URL into the “Host” field -> press tab -> enter 443 as the “Port” value -> click the “Choose” button -> select your image -> Click OK to save -> Click OK again to close the settings screen

Check the image has been swapped

In Chrome, reload the page to verify that your image has replaced the website’s one

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: