Capture web session traffic and console logs for troubleshooting Summary<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } This document explains how to capture web session traffic and console logs from various browsers for troubleshooting purposes. Release<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } Google Chrome and Microsoft Edge (Chromium), Firefox, SafariInstructions<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } img { border: 1px solid #CCCCCC; margin: 0.8em 0; } Using Google Chrome and Microsoft Edge (Chromium) Right-click in the browser window or tab and select Inspect.Click the Network tab in the panel that appears.By default, the browser keeps logs only for the page that's currently loaded. Tick the "Preserve log" checkbox so the browser keeps all logs even if you reload the current page or navigate to another page while reproducing the issue. Switch to the Console tab, click on the Console Settings icon and tick the "Preserve log" checkbox.Navigate to the page where the issue occurs or refresh it if it is already open.Clear the existing logs and network traces before reproducing the issue. Open the Console tab and press the Clear iconSwitch to the Network tab and press the Clear icon Now, you are ready! Perform the steps to reproduce the issue on the page.Open the Network tab, right-click anywhere on network requests and choose "Save as HAR with content".Name the file and click Save.Open the Console tab, right-click in the content panel where the console logs are printed, and choose the "Save as..."Name the file and click Save.Compress the HAR file and the console logs in the zip format and share them with Technical Support Using Firefox Right-click in the browser window or tab and select Inspect.Click the Network tab in the panel that appears.By default, the browser keeps the logs only for the page that's currently loaded. Tick the "Persist Logs" under the Network Settings so the browser keeps all logs even if you reload the current page or navigate to another page while reproducing the issue.Switch to the Console tab, click the Console Settings icon and tick the "Persist Logs".Navigate to the page where the issue occurs or refresh it if it is already open.Clear the existing logs and network traces before reproducing the issue. Open the Console tab and press the Trash iconSwitch to the Network tab and press the Trash icon Now, you are ready! Perform the steps to reproduce the issue on the page.Open the Network tab, right-click anywhere on network requests and choose "Save All As HAR".Name the file and click Save.Open the Console tab, right-click in the content panel where the console logs are printed, and choose "Save all Messages to File".Name the file and click Save.Compress the HAR file and the console logs in the zip format and share them with Technical Support Using Safari First, you must enable the Developer Tools on Safari if it is not enabled yet. To do that: Select Safari > Preferences from the menuSwitch to the Advanced tab and tick the Show Develop menu in menu bar checkbox. Once the Developer tools are enabled, right-click in the browser window or tab and select Inspect Element.Open the Network tab in the panel that appears.By default, the browser keeps logs only for the page that's currently loaded. Tick the "Preserve log" checkbox so the browser keeps all logs even if you reload the current page or navigate to another page while reproducing the issue.Switch to the Console tab and tick the "Preserve Log" checkbox.Navigate to the page where the issue occurs or refresh it if it is already open.Clear the existing logs and network traces before reproducing the issue. Open the Console tab and press the Trash iconSwitch to the Network tab and press the Trash icon Now, you are ready! Perform the steps to reproduce the issue on the page.Open the Network tab and click the Export button.Name the file and click Save.Open the Console tab, select the entire content, use command-C to copy it and then save it to a file.Name the file and click Save.Compress the HAR file and the console logs in the zip format and share them with Technical Support img { border: 1px solid #CCCCCC; margin: 0.8em 0; } Related Links<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } Browser support