How to Capture Browser Console logs - KB

How to Capture Browser Console logs?

Google Chrome

  1. Open Google Chrome.
  2. Right-click on the webpage and select "Inspect" or press Ctrl+Shift+I (or Cmd+Option+I on macOS) to open the DevTools.
  3. Navigate to the "Console" tab.
  4. You can now see console logs, errors, and warnings. You can filter them using the various options available.

Mozilla Firefox

  1. Open Mozilla Firefox.
  2. Right-click on the webpage and select "Inspect Element" or press Ctrl+Shift+I (or Cmd+Option+I on macOS) to open the Developer Tools.
  3. Navigate to the "Console" tab.
  4. Console logs, errors, and warnings will appear here. You can also filter them.

Microsoft Edge (Chromium)

  1. Open Microsoft Edge.
  2. Right-click on the webpage and select "Inspect" or press Ctrl+Shift+I (or Cmd+Option+I on macOS) to open the DevTools.
  3. Go to the "Console" tab.
  4. You can view and filter console logs, errors, and warnings here.