Capture Network Logs with Charles Proxy

Charles Proxy can be used as an HTTPS proxy that provides plain text view of the communication between the web browser and SSL web server. You can use Charles to capture network logs for iOS and Android devices.

You can capture traffic between BrowserStack devices and the Application under test with Charles Proxy server and debug information using captured logs.

We recommend that use this configuration if you decide to enable Charles Proxy in your test setup.

Set up Charles Proxy with BrowserStack

Getting Charles to work with BrowserStack involves the following steps:

• Set up Charles Proxy
• Add proxy to Local
• Start an App Live session

Set up Charles Proxy

1. Open the Charles Proxy app.
2. Click Help > SSL Proxying, and then click Install Charles Root Certificate.
3. In Keychain Access dialog box, search for charles, and double-click the Charles Proxy CA certificate that appears.
4. Expand the Trust section, and ensure all options are set to Always Trust and close the dialog box.
5. Click Settings > Proxy Settings and note the port number that appears.
6. In the Charles app, click Proxy > SSL Proxying Settings.
7. Under the SSL Proxying tab, select the Enable SSL Proxying option.
8. Under the SSL Proxying tab, add and select your app-specific location. Ensure that you clear all other locations entries.

Add proxy details to Local

Start an App Live session

1. Log in to the App Live dashboard.
2. Verify that Force Local is enabled.
3. In Devtools, click the Network tab, and select the Enable for all traffic option. Click Apply.

After a request is sent, check the Charles app for the captured logs.