Skip to main content

Error tracing

Home > Select Project > Analysis > Error Tracking

Browser Monitoring collects the browser front-end errors. It includes the error messages and error stack information, browser, OS, device, and page URL.

Exploring a error

You can see browser errors that have occurred over time.

Error Tracking

  1. In number1, set a desired time. It can be set up to 1 day in advance.

  2. Select one of the number2 bar graphs displayed on the chart.

    From the number3 time list, you can select the time detail when an error occurred among the data collected every 10 minutes.

  3. Below the chart, you can see a list of browser errors that occurred at the selected time.

    If you type specific keywords in the number5 input field, the matching text is highlighted in the list.

  4. To check the details of the error, select number4 See details icon on the utmost left.

Checking the error information details

The browser error has the following information:

  • errorType: Indicates the error type. There are source errors including AJAX errors, console errors, and syntax errors.

  • pageLocation: URL of the page visited by the user.

  • title: Title of the page visited by the user.

  • browser: Browser type of the user.

  • borwserVer: Browser version of the user.

  • os: OS type of the user device.

  • osVer: OS version of the user device.

  • device: Type of the user device.

  • host: Domain name of the visited server.

  • userAgent: User-Agent string received from the user browser.

  • message: Error message.

  • stack: Error stack information. The error stack basically contains obfuscated file names, lines, and columns.

Source map uploading and error code provision

If the released frontend code is obfuscated or compressed, it is difficult to provide the collected browser error's stack information at an actual code level. You can access the file or code line that caused the browser error through the source-map built at the time of releasing the frontend code.

  1. In the Exception stack column, select Analysis.

    Error Log

  2. If the window in which the error stack information for the selected error log is displayed appears, select Upload.

    Error Stack

  3. Load the source map for the code stack.

By comparing obfuscated stack information with JavaScript source map, you can see the code where the actual error occurred.

Searching by filter the error data

You can search the errors by filtering based on the data included in the browser errors.

  1. In the left panel of the screen, select a desired browser error item for filtering.

  2. If the sub list appears, select a desired item. You can also search if the list is too many.

It displays a list of browser errors corresponding to the selected item.

Table Column Settings

Displaying or hiding the table columns

You can display or hide column header items in the browser error list table.

  1. Select Configuration icon on the upper right of the table.

  2. In the drop-down menu, select Column settings.

  3. If the Column settings window appears, select or unselect the desired items in the Add a column section.

  4. After all settings are finished, select Close icon.

The set content is applied to the table.

Reordering the table columns

You can change the order of column headers in the browser error list table.

  1. Select Configuration icon on the upper right of the table.

  2. In the drop-down menu, select Column settings.

  3. If the Column settings window appears, drag a desired item in the Set column order section for reordering.

  4. After all settings are finished, select Close icon.

The set content is applied to the table.

Setting to display the table content

You can set the content displayed in the browser error list. It can be used when too much information appears so it is difficult to see, or it is required to add necessary information.

  1. Select Configuration icon on the upper right of the table.

  2. From the drop-down menu, select Table content setting.

  3. Set the following option:

    • Content display or not: Select whether or not to display the content displayed in the table list.

    • Tag management: You can select the desired tags to display in the table list. You can make them invisible or change their order.

  4. After all settings are finished, select Close icon.

The set content is applied to the table.