Open the browser console and collect system diagnostic information

Modified on Thu, 13 Mar at 9:30 AM

INHALTSVERZEICHNIS


This guide describes how to open the developer console in different browsers and collect system diagnostic information. This can be helpful in identifying errors that may appear when accessing courses. Please refer to the section for your browser.


Google Chrome

Opening the Console

  1. Open Chrome and navigate to the affected course.

  2. Press F12 or Ctrl + Shift + I (Windows/Linux) or Cmd + Option (Alt) + I (Mac), or right-click and select Inspect.

  3. Switch to the Console tab.

Collecting System Diagnostic Information

  • If errors are already displayed, take a screenshot.

  • If no errors appear, refresh the page with F5 or Ctrl + R.

  • Copy relevant messages or save the console output.

  • Save as a file: Right-click inside the console, select Save As, and save the file as .log or .txt.


Screenshot Chrome Console Browser



Microsoft Edge

Opening the Console

  1. Open Edge and navigate to the affected course.

  2. Press F12 or Ctrl + Shift + I (Windows/Linux) or Cmd + Option (Alt) + I (Mac), or right-click and select Inspect.

  3. Select the Console tab.

Collecting System Diagnostic Information

  • Check the console for error messages (marked in red).

  • If no errors are visible, refresh the page with F5.

  • Copy relevant messages or save the console output.

  • Save as a file: Right-click inside the console, select Save As, and save the file as .log or .txt.


Screenshot Edge Console Browser



Mozilla Firefox

Opening the Console

  1. Open Firefox and navigate to the affected course.

  2. Press F12 or Ctrl + Shift + I (Windows/Linux) or Cmd + Option (Alt) + I (Mac), or right-click and select Inspect.

  3. Select the Console tab.

Collecting System Diagnostic Information

  • Note or copy relevant error messages.

  • If no errors appear, reload the page with F5 or Ctrl + R.

  • Copy relevant messages or save the console output.

  • Save as a file: Right-click inside the console, select Save As, and save the file as .log or .txt.


Screenshot Firefox Console Browser



Apple Safari

Opening the Console

Note: If the developer console is not available, enable it under Safari > Preferences > Advanced, then check Show features for web developers.

  1. Open Safari and navigate to the affected course.

  2. Press Cmd + Option (Alt) + C or go to Develop > Show JavaScript Console.

Collecting System Diagnostic Information

  • Check the console for errors (marked in red).

  • If no errors are visible, refresh the page with Cmd + R.

  • Copy relevant messages or save the console output.

  • Save as a file: Select relevant messages, copy them, and save them in a .txt file.


Screenshot Safari Console Browser



Sending Error Messages to Support

  1. Take a screenshot of the console.

  2. If possible, save the console output as a file.

  3. Send the information along with a short error description to support.

Example of an Error Description

  • Browser: Google Chrome Version 123.0.x

  • Operating System: Windows 11

  • Error: When loading the page, the message "Uncaught TypeError: Cannot read property 'xyz' of undefined" appears.

  • Screenshot: (Insert here)


Sie haben noch kein Autorentool zur Erstellung von Onlinekursen? Erfahren Sie, wie Sie mit Knowledgeworker Create interaktive Lerninhalte erstellen.
Don't have an authoring tool for creating online courses yet? Learn how to create interactive learning content with Knowledgeworker Create.
Sie haben noch kein Lernmanagementsystem? Werfen Sie einen Blick auf Knowledgeworker Share.
Don't have a learning management system yet? Have a look at Knowledgeworker Share.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article