Optimize for non-Webflow sites

Capture a console log for troubleshooting

Updated

Save console logs to help the support team troubleshoot.

If you're working with Webflow support on a complex issue, you may be asked to generate a HAR file and/or capture console logs. Console logs can reveal errors that occur as you interact with a webpage, which helps diagnose what's going wrong.

Process overview

  1. Open the browser’s console panel
  2. Reproduce the issue you’re experiencing
  3. Save the console log file
  4. Close the console panel
  5. Send the file to Webflow support

Steps to capture console logs

Note

Browser steps may change. For the most accurate instructions, check your browser’s help documentation.

Chrome

  1. Click the Menu icon in Chrome
  2. Choose More tools > Developer tools
  3. Click the Console tab in the panel that opened
  4. Click the Settings icon in the console panel
  5. Check Preserve log, then close the settings
  6. Refresh the page and reproduce the issue
  7. Right-click any log entry and click Save as
  8. Save the file so you can send it to Webflow
  9. Exit the console panel

Firefox

  1. Click the Menu icon in Firefox
  2. Select Web Developer > Network
  3. Click the Console tab in the panel that opened
  4. Click the Settings icon
  5. Check Preserve log
  6. Refresh the page and reproduce the issue
  7. Right-click a log entry and choose Export Visible Messages To > File
  8. Save the file so you can send it to Webflow
  9. Exit the console panel

Safari

Before you start, temporarily enable the Develop menu:

  1. Open Safari
  2. Click Safari in the top menu
  3. Click Preferences
  4. Click the Advanced tab
  5. Check Show Develop menu in menu bar

Then, capture the log:

  1. Click Develop in the top menu > Show Web Inspector
  2. Click the Console tab
  3. Check Preserve Log
  4. Refresh the page and reproduce the issue
  5. Press Command + A to select all entries
  6. Right-click any entry and click Save Selected
  7. Save the file so you can send it to Webflow
  8. Exit the console panel

You can now disable the Develop menu from Safari's preferences if you want.

Edge

  1. Click the Menu icon in Edge
  2. Select More tools > Developer tools
  3. Click the Console tab
  4. Click the Settings icon
  5. Check Preserve log, then close settings
  6. Refresh the page and reproduce the issue
  7. Right-click a log entry and click Save as
  8. Save the file so you can send it to Webflow
  9. Exit the console panel

Related articles