{"id":5926,"date":"2023-11-17T07:00:42","date_gmt":"2023-11-17T07:00:42","guid":{"rendered":"https:\/\/www.process.st\/help\/docs\/har-files-console-logs\/"},"modified":"2024-03-07T11:31:48","modified_gmt":"2024-03-07T11:31:48","slug":"har-files-console-logs","status":"publish","type":"ht_kb","link":"https:\/\/www.process.st\/help\/docs\/har-files-console-logs\/","title":{"rendered":"How Do I Create HAR Files and Console Logs?"},"content":{"rendered":"<p>To help us troubleshoot issues, we may ask you to create and send us a\u00a0<a href=\"https:\/\/en.wikipedia.org\/wiki\/.har\">.HAR file<\/a>\u00a0and browser console logs.<\/p>\n<p>These files create a record of the requests and responses your browser makes whilst using <a href=\"https:\/\/www.process.st\/\">Process Street<\/a>. Recording the information allows us to see what&#8217;s happening when you encounter an issue so that we can investigate.<\/p>\n<p>Here&#8217;s how to create the two files, depending on which browser you are using.<\/p>\n<h2>Chrome<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17037\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/har-chrome1.png\" alt=\"\" width=\"100%\" \/><\/p>\n<ul>\n<li>Start on the page in Process Street where you encountered the problem<\/li>\n<li>Open up the Chrome menu by clicking on the <strong>three dots<\/strong> in the top right corner of your screen<\/li>\n<li>Click &#8216;<strong>More Tools<\/strong>&#8216; then &#8216;<strong>Developer tools<\/strong>&#8216; (or use the shortcut Ctrl+shift+I)<\/li>\n<li>Click on the &#8216;<strong>Network<\/strong>&#8216; tab and then check the box &#8216;<strong>Preserve log<\/strong>&#8216;<\/li>\n<li>A <strong>red circle<\/strong> will appear on the left to show that you have started recording the network log. If you see a black circle, click on it to turn it red and start recording<\/li>\n<li><strong>Refresh the page<\/strong> you&#8217;re looking at and walk through what you did when the error or issue occurred so that you reproduce the issue while recording<\/li>\n<li><strong>Right-click<\/strong> on any row in the activity feed in the right-hand panel and select &#8216;<strong>Save all as HAR with content<\/strong>&#8216;.\u00a0Save this to your computer<\/li>\n<li>Next, click the &#8216;<strong>Console<\/strong>&#8216; tab and <strong>right-click<\/strong> anywhere in the data below. Click &#8220;<strong>Save as<\/strong>&#8221; and save this to your computer<\/li>\n<li>Send the two files you&#8217;ve created to our\u00a0<a href=\"mailto:support@mail.process-street.com\">Support<\/a> team with a description of what the issue is that you have encountered<\/li>\n<\/ul>\n<h2>Safari<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17038\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/har-safari.png\" alt=\"\" width=\"100%\" \/><\/p>\n<ul>\n<li>Start on the page in Process Street where you encountered the problem<\/li>\n<li>Head to the Safari menu bar at the top of your screen. Click &#8216;<strong>Develop<\/strong>&#8216; and then\u00a0 &#8216;<strong>Show Web Inspector<\/strong>&#8216;<\/li>\n<li>Click the &#8216;<strong>Console tab<\/strong>&#8216; and then &#8216;<strong>Preserve log<\/strong>&#8216;<\/li>\n<li>Next, click on the &#8216;<strong>Network tab<\/strong>&#8216; and then\u00a0<strong>refresh the page<\/strong> you&#8217;re looking at, and walk through what you did when the error or issue occurred<\/li>\n<li><strong>Right-click<\/strong> on any row in the activity feed in the right-hand panel and select &#8216;<strong>Export HAR<\/strong>&#8216;.\u00a0Save this to your computer<\/li>\n<li>Now click the Console tab again and\u00a0<strong>right-click<\/strong> anywhere in the data, then click &#8216;<strong>Select all<\/strong>&#8216;<\/li>\n<li><strong>Open<\/strong> up a text file and <strong>paste<\/strong> the data you copied into it. Save the text file\u00a0to your computer<\/li>\n<li>Send the two files you&#8217;ve created to our\u00a0<a href=\"mailto:support@mail.process-street.com\">Support<\/a> team with a description of what the issue is that you have encountered<\/li>\n<\/ul>\n<p><em><strong>Note:<\/strong> If you don\u2019t see the Develop menu in the menu bar, choose Safari &gt; Preferences, click Advanced, then select \u201cShow Develop menu in menu bar. Using the Developer menu, select Developer tools.<\/em><\/p>\n<h2>Firefox<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17040\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/har-firefox1.png\" alt=\"\" width=\"100%\" \/><\/p>\n<ul>\n<li>Start on the page in Process Street where you encountered the problem<\/li>\n<li>Open the Firefox browser menu by clicking the <strong>three horizontal lines<\/strong> in the top right of your screen<\/li>\n<li>Click on &#8220;<strong>More tools<\/strong>&#8221; then &#8220;<strong>Web developer tools<\/strong>&#8221;\u00a0then click &#8216;<strong>Network<\/strong>&#8216;\u00a0and the developer panel will open up at the bottom of your screen<\/li>\n<li>Click on the <strong>cog icon<\/strong> over on the far right side of this panel and click on &#8216;<strong>Persist logs<\/strong>&#8216;<\/li>\n<li><strong>Refresh the page<\/strong> you&#8217;re looking at, and walk through what you did when the error or issue occurred<\/li>\n<li><strong>Right-click<\/strong> on any row in the activity feed and select &#8216;<strong>Save all as HAR<\/strong>&#8216;.\u00a0Save this to your computer<\/li>\n<li>Now click the Console tab again and\u00a0<strong>right-click<\/strong> anywhere in the data, then &#8216;<strong>Select all<\/strong>&#8216;<\/li>\n<li><strong>Open<\/strong> up a text file and <strong>paste<\/strong> the data you copied into it. Save the text file\u00a0to your computer<\/li>\n<li>Send the two files you&#8217;ve created to our\u00a0<a href=\"mailto:support@mail.process-street.com\">Support<\/a> team with a description of what the issue is that you have encountered<\/li>\n<\/ul>\n<h2>Microsoft Edge<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17041\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/har-edge.png\" alt=\"\" width=\"100%\" \/><\/p>\n<ul>\n<li>Start on the page in Process Street where you encountered the problem<\/li>\n<li>Open up the Edge menu by clicking on the <strong>three dots<\/strong> in the top right corner of your screen<\/li>\n<li>Click &#8216;<strong>More Tools<\/strong>&#8216; then &#8216;<strong>Developer tools<\/strong>&#8216; (or use the shortcut Ctrl+shift+I)<\/li>\n<li>Click on the &#8216;<strong>Network<\/strong>&#8216; tab and then check the box &#8216;<strong>Preserve log<\/strong>&#8216;<\/li>\n<li>A <strong>red circle<\/strong> will appear on the left to show that you have started recording the network log. If you see a black circle, click on it to turn it red and start recording<\/li>\n<li><strong>Refresh the page<\/strong> you&#8217;re looking at and walk through what you did when the error or issue occurred so that you reproduce the issue while recording<\/li>\n<li><strong>Right-click<\/strong> on any row in the activity feed in the right-hand panel and select &#8216;<strong>Save all as HAR with content<\/strong>&#8216;. Save this to your computer<\/li>\n<li>Next, click the &#8216;<strong>Console<\/strong>&#8216; tab and <strong>right-click<\/strong> anywhere in the data below. Click &#8220;<strong>Save as<\/strong>&#8221; and save this to your computer<\/li>\n<li>Send the two files you&#8217;ve created to our\u00a0<a href=\"mailto:support@mail.process-street.com\">Support<\/a> team with a description of what the issue is that you have encountered<\/li>\n<\/ul>\n<h2>Opera<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-17042\" src=\"https:\/\/www.process.st\/help\/wp-content\/uploads\/2024\/02\/har-opera.png\" alt=\"\" width=\"100%\" \/><\/p>\n<ul>\n<li>Start on the page in Process Street where you encountered the problem<\/li>\n<li>Click on the <strong>Opera logo<\/strong> in the top left corner of your screen<\/li>\n<li>Click &#8220;<strong>Developer<\/strong>&#8221; and then &#8220;<strong>Developer tools<\/strong>&#8220;<\/li>\n<li>Click on the &#8216;<strong>Network<\/strong>&#8216; tab and then check the box &#8216;<strong>Preserve log<\/strong>&#8216;<\/li>\n<li>A <strong>red circle<\/strong> will appear on the left to show that you have started recording the network log. If you see a black circle, click on it to turn it red and start recording<\/li>\n<li><strong>Refresh the page<\/strong> you&#8217;re looking at and walk through what you did when the error or issue occurred so that you reproduce the issue while recording<\/li>\n<li><strong>Right-click<\/strong> on any row in the activity feed in the right-hand panel and select &#8216;<strong>Save all as HAR with content<\/strong>&#8216;. Save this to your computer<\/li>\n<li>Next, click the &#8216;<strong>Console<\/strong>&#8216; tab and <strong>right-click<\/strong> anywhere in the data below. Click &#8220;<strong>Save as<\/strong>&#8221; and save this to your computer<\/li>\n<li>Send the two files you&#8217;ve created to our\u00a0<a href=\"mailto:support@mail.process-street.com\">Support<\/a> team with a description of what the issue is that you have encountered<\/li>\n<\/ul>\n<p><em><strong>Note:<\/strong> For Mac users, you can view the Developer menu by clicking Safari &gt; Preferences, click Advanced, then select \u201cShow Develop menu in menu bar. Using the Developer menu, select Developer tools.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To help us troubleshoot issues, we may ask you to create and send us a\u00a0.HAR file\u00a0and browser console logs. These files create a record of the requests and responses your browser makes whilst using Process Street. Recording the information allows us to see what&#8217;s happening when you encounter an issue so that we can investigate. [&hellip;]<\/p>\n","protected":false},"author":11,"template":"","meta":{"_acf_changed":false,"available_plan":"All plans","available_product":"General","footnotes":""},"ht_kb_category":[208],"ht_kb_tag":[397,398,361],"class_list":["post-5926","ht_kb","type-ht_kb","status-publish","hentry","ht_kb_category-faq","ht_kb_tag-console-logs","ht_kb_tag-har-file","ht_kb_tag-troubleshooting"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/5926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":1,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/5926\/revisions"}],"predecessor-version":[{"id":5927,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb\/5926\/revisions\/5927"}],"wp:attachment":[{"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/media?parent=5926"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_category?post=5926"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.process.st\/help\/wp-json\/wp\/v2\/ht_kb_tag?post=5926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}