How can I view https requests with the provided chrome dev tools

Vega Open Beta Q&A
1

Before you continue:

  • If you are asking about a code issue which could potentially be a bug, please create a bug report here
  • If you are asking about a feature missing, please make a feature request here

App Name: Your App Name [e.g., Netflix]
App Link on Amazon Appstore (found through Developer Console > Actions column in App List > View on Amazon.com): Your App Link [e.g., https://www.amazon.com/Netflix-Inc/dp/B00OGRMULA\]

I need to be able to see the requests and responses made in my app. I can’t seem to find any way to access that using the chrome dev tools. Any info would be appreciated

3

Hi @Nick_Taylor ,

Thanks for your question! Here are the steps to access the Network tab and view HTTPS requests using Chrome DevTools with your Vega app:

Step 1: Configure Chrome DevTools

  1. Open Chrome and navigate to chrome://inspect
  2. Click “Configure…” next to “Discover network targets”
  3. Add localhost:8081 to the list of IP addresses and ports
  4. Check “Enable port forwarding” and click “Done”

Step 2: Launch Your Vega App

Make sure your app is running in debug mode.

Step 3: Connect Chrome DevTools

  1. Return to chrome://inspect
  2. Wait for your app to appear in the “Remote Target” section
  3. Click “inspect” next to your app
  4. Navigate to the Network tab to view HTTPS requests and responses

Troubleshooting Tips

If you don’t see your app or can’t connect:

  1. Ensure your app is running in debug mode
  2. Verify localhost:8081 is properly configured
  3. Check that your app appears in Remote Targets before attempting to connect

These steps should give you full access to the Network tab where you can monitor all HTTP/HTTPS requests and responses made by your app.

Let me know if you need any clarification on these steps!

Warm regards,
Aishwarya

4

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.