{"id":9639,"date":"2026-03-17T14:26:18","date_gmt":"2026-03-17T08:56:18","guid":{"rendered":"https:\/\/www.testleaf.com\/blog\/?post_type=web-story&#038;p=9639"},"modified":"2026-03-17T14:26:18","modified_gmt":"2026-03-17T08:56:18","slug":"how-to-generate-and-use-har-files","status":"publish","type":"web-story","link":"https:\/\/www.testleaf.com\/blog\/web-stories\/how-to-generate-and-use-har-files\/","title":{"rendered":"How to Generate and Use HAR files"},"content":{"rendered":"<p><html amp=\"\" lang=\"en\"><head><meta charSet=\"utf-8\"\/><meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\"\/><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0.js\"><\/script><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-story-1.0.js\" custom-element=\"amp-story\"><\/script><link href=\"https:\/\/fonts.googleapis.com\/css2?display=swap&amp;family=Roboto%3Awght%40700\" rel=\"stylesheet\"\/><link href=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files.jpg\" rel=\"preload\" as=\"image\"\/>\n<style amp-boilerplate=\"\">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}<\/style>\n<p><noscript><\/p>\n<style amp-boilerplate=\"\">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}<\/style>\n<p><\/noscript><\/p>\n<style amp-custom=\"\">\n              h1, h2, h3 { font-weight: normal; }<\/p>\n<p>              amp-story-page {\n                background-color: #131516;\n              }<\/p>\n<p>              amp-story-grid-layer {\n                overflow: visible;\n              }<\/p>\n<p>              @media (max-aspect-ratio: 9 \/ 16)  {\n                @media (min-aspect-ratio: 320 \/ 678) {\n                  amp-story-grid-layer.grid-layer {\n                    margin-top: calc((100% \/ 0.5625 - 100% \/ 0.6666666666666666) \/ 2);\n                  }\n                }\n              }<\/p>\n<p>              @media not all and (min-resolution:.001dpcm) {\n                @media {\n                  p.text-wrapper > span {\n                    font-size: calc(100% - 0.5px);\n                  }\n                }\n              }<\/p>\n<p>              .page-fullbleed-area,\n              .page-background-overlay-area {\n                position: absolute;\n                overflow: hidden;\n                width: 100%;\n                left: 0;\n                height: calc(1.1851851851851851 * 100%);\n                top: calc((1 - 1.1851851851851851) * 100% \/ 2);\n              }<\/p>\n<p>              .element-overlay-area {\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                left: 0;\n              }<\/p>\n<p>              .page-safe-area {\n                overflow: visible;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                width: 100%;\n                height: calc(0.84375 * 100%);\n                margin: auto 0;\n              }<\/p>\n<p>              .mask {\n                position: absolute;\n                overflow: hidden;\n              }<\/p>\n<p>              .fill {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                margin: 0;\n              }<\/p>\n<p>              @media (prefers-reduced-motion: no-preference) {\n                .animation-wrapper {\n                  opacity: var(--initial-opacity);\n                  transform: var(--initial-transform);\n                }\n              }<\/p>\n<p>              amp-story-grid-layer.align-bottom {\n                align-content: end;\n                padding: 0;\n                \/*\n                  AMP CTA Layer will exactly occupy 74px regardless of any device.\n                  To space out captions 74px from the BOTTOM (AMP CTA Layer),\n                  74px from the TOP should also be spaced out and thus: 2 * 74px\n                  will be the desired max-height.\n                *\/\n                max-height: calc(100vh - (2 * 74px));\n              }<\/p>\n<p>              .captions-area {\n                padding: 0 32px 0;\n              }<\/p>\n<p>              amp-story-captions {\n                margin-bottom: 16px;\n                text-align: center;\n              }<\/p>\n<p>              amp-story-audio-sticker {\n                height: 100%;\n              }<\/p>\n<p>              .audio-sticker {\n                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\n              }\n              <\/style>\n<p><meta name=\"web-stories-replace-head-start\"\/><title>How to Generate and Use HAR files<\/title><link rel=\"canonical\" href=\"https:\/\/www.testleaf.com\/blog\/?post_type=web-story&amp;p=9639\"\/><meta name=\"web-stories-replace-head-end\"\/><\/head><body><amp-story standalone=\"\" publisher=\"Testleaf\" publisher-logo-src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2022\/05\/favicon.png\" title=\"How to Generate and Use HAR files\" poster-portrait-src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/cropped-How-to-Generate-and-Use-HAR-files.jpg\"><amp-story-page id=\"f0d634be-b48b-406c-8b63-849d61aa7d27\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#ebecf3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-1ab2b00a-ed90-4531-929c-3b67625d51bc\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files.jpg\" alt=\"How to Generate and Use HAR files\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\"><\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" cta-image=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2022\/05\/favicon-300x300.png\"><a href=\"https:\/\/www.testleaf.com\/blog\/har-files-for-qa-debugging-guide\/?utm_source=Web_Story&amp;utm_medium=Organic&amp;utm_campaign=Web_Story\" rel=\"\">Learn more<\/a><\/amp-story-page-outlink><\/amp-story-page><amp-story-page id=\"7a0eb7b8-e6e7-458c-acad-bf125b0548a5\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-0c13dcfa-c222-44af-9596-16ff9ebd5cc9 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-59632ecb-50d6-42cf-a963-d455ea5972e9\",\"keyframes\":[{\"offset\":0,\"transform\":\"translate3d(0, -1726.2108%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.29,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.45,\"transform\":\"translate3d(0, -485.41047696000004%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.61,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.71,\"transform\":\"translate3d(0, -165.02575248000002%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.8,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.85,\"transform\":\"translate3d(0, -61.970967720000004%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.92,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.96,\"transform\":\"translate3d(0, -26.92888848%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":1,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"}],\"delay\":0,\"duration\":600,\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#ede6dc\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-0c13dcfa-c222-44af-9596-16ff9ebd5cc9\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-cfb1835d-99e3-45fb-ad25-98a8fbf16000\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1.jpg\" alt=\"How to Generate and Use HAR files (1)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:8.00971%;top:93.3657%;width:83.73786%;height:6.31068%;opacity:1\">\n<div id=\"anim-59632ecb-50d6-42cf-a963-d455ea5972e9\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0, -1726.2108%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.5797101449275363% 0.5797101449275363% 0.5797101449275363% 0.5797101449275363% \/ 5.128205128205128% 5.128205128205128% 5.128205128205128% 5.128205128205128%\" id=\"el-af3bba0d-3668-41a5-9b93-0ffb8372da2a\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.1345108695652176% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.533981em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700\">Open Developer Tools<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"fbe24a1d-75dd-4e84-a9e5-4bea33e05eae\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-d5e0434e-db60-431c-8249-0d55a6f1fd72 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-7f02c316-0339-4b49-a011-1808a47b778f\",\"keyframes\":[{\"offset\":0,\"transform\":\"translate3d(0, -1728.77487%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.29,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.45,\"transform\":\"translate3d(0, -486.131493444%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.61,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.71,\"transform\":\"translate3d(0, -165.27087757200002%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.8,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.85,\"transform\":\"translate3d(0, -62.063017833%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.92,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.96,\"transform\":\"translate3d(0, -26.968887971999997%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":1,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"}],\"delay\":0,\"duration\":600,\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#e0dcd2\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-d5e0434e-db60-431c-8249-0d55a6f1fd72\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-648be88f-a2f7-4b42-bbe7-3523752619a6\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2.jpg\" alt=\"How to Generate and Use HAR files (2)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:5.58252%;top:93.52751%;width:113.1068%;height:6.31068%;opacity:1\">\n<div id=\"anim-7f02c316-0339-4b49-a011-1808a47b778f\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0, -1728.77487%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.4291845493562232% 0.4291845493562232% 0.4291845493562232% 0.4291845493562232% \/ 5.128205128205128% 5.128205128205128% 5.128205128205128% 5.128205128205128%\" id=\"el-58570bfc-b725-4641-a3cd-57e2ba9f82a9\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.09958422746781131% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.533981em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700\">Record Network Activity<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"94fbf561-32c8-46c9-ac50-77ee33362475\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-5be9f4ad-8366-435c-99aa-c0898aa3bafd [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c0970a25-26e4-4fd7-a418-bb205409e197\",\"keyframes\":[{\"offset\":0,\"transform\":\"translate3d(0, -1728.77487%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.29,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.45,\"transform\":\"translate3d(0, -486.131493444%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.61,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.71,\"transform\":\"translate3d(0, -165.27087757200002%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.8,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.85,\"transform\":\"translate3d(0, -62.063017833%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.92,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.96,\"transform\":\"translate3d(0, -26.968887971999997%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":1,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"}],\"delay\":0,\"duration\":600,\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#6fc3ef\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-5be9f4ad-8366-435c-99aa-c0898aa3bafd\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-ec39704a-b08e-48cf-ad06-fa7148c1dbe6\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3.jpg\" alt=\"How to Generate and Use HAR files (3)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:15.29126%;top:93.52751%;width:113.1068%;height:6.31068%;opacity:1\">\n<div id=\"anim-c0970a25-26e4-4fd7-a418-bb205409e197\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0, -1728.77487%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.4291845493562232% 0.4291845493562232% 0.4291845493562232% 0.4291845493562232% \/ 5.128205128205128% 5.128205128205128% 5.128205128205128% 5.128205128205128%\" id=\"el-d7dc1ecb-a5f6-4218-adec-0af569f9985e\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.09958422746781131% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.533981em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700\">Save the HAR File<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"602f8891-65c4-4799-a470-9370ac49e28a\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-69fdaaf0-2a5a-4ffb-bd85-40082cb6faa1 [data-leaf-element=\\\"true\\\"]\",\"keyframes\":{\"transform\":[\"translate(0%, 0%) scale(1.5)\",\"translate(0%, 0%) scale(1)\"]},\"delay\":0,\"duration\":2000,\"easing\":\"cubic-bezier(.3,0,.55,1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-44c82656-f6d8-41ca-a2f3-eb71480396d5\",\"keyframes\":[{\"offset\":0,\"transform\":\"translate3d(0, -1728.77487%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.29,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.45,\"transform\":\"translate3d(0, -486.131493444%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.61,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.71,\"transform\":\"translate3d(0, -165.27087757200002%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.8,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.85,\"transform\":\"translate3d(0, -62.063017833%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":0.92,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"},{\"offset\":0.96,\"transform\":\"translate3d(0, -26.968887971999997%, 0)\",\"easing\":\"cubic-bezier(.5, 0, 1, 1)\"},{\"offset\":1,\"transform\":\"translate3d(0, 0%, 0)\",\"easing\":\"cubic-bezier(0, 0, .5, 1)\"}],\"delay\":0,\"duration\":600,\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f0eaf0\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div id=\"anim-69fdaaf0-2a5a-4ffb-bd85-40082cb6faa1\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e369d9fc-5397-48a8-bd07-f7ed30ee0e80\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4.jpg\" alt=\"How to Generate and Use HAR files (4)\" srcSet=\"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4.jpg 720w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-576x1024.jpg 576w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-169x300.jpg 169w,https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-150x267.jpg 150w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:12.86408%;top:93.52751%;width:113.1068%;height:6.31068%;opacity:1\">\n<div id=\"anim-44c82656-f6d8-41ca-a2f3-eb71480396d5\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0, -1728.77487%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.4291845493562232% 0.4291845493562232% 0.4291845493562232% 0.4291845493562232% \/ 5.128205128205128% 5.128205128205128% 5.128205128205128% 5.128205128205128%\" id=\"el-56acc11e-af79-4a6b-9182-ca4fd43cbdf7\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.09958422746781131% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.533981em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700\">Analyze the HAR File<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><\/amp-story><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to generate and use HAR files to capture network activity, troubleshoot web performance issues, debug requests, and analyze browser behavior more effectively.<\/p>\n","protected":false},"author":1,"featured_media":9645,"template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","web_stories_publisher_logo":161,"web_stories_poster":[],"web_stories_products":[],"footnotes":""},"web_story_category":[],"web_story_tag":[],"class_list":["post-9639","web-story","type-web-story","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"amp_enabled":false,"story_data":{"version":47,"pages":[{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"1ab2b00a-ed90-4531-929c-3b67625d51bc","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"How-to-Generate-and-Use-HAR-files-169x300.jpg","width":169,"height":300,"filesize":6431,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-169x300.jpg"},"large":{"file":"How-to-Generate-and-Use-HAR-files-576x1024.jpg","width":576,"height":1024,"filesize":32651,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-576x1024.jpg"},"thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-150x150.jpg","width":150,"height":150,"filesize":4025,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"How-to-Generate-and-Use-HAR-files-150x150.jpg","width":150,"height":150,"filesize":4025,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-150x150.jpg"},"rpg_gallery_thumb":{"file":"How-to-Generate-and-Use-HAR-files-150x150.jpg","width":150,"height":150,"filesize":4025,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-150x150.jpg"},"web-stories-poster-portrait":{"file":"How-to-Generate-and-Use-HAR-files-640x853.jpg","width":640,"height":853,"filesize":33461,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-640x853.jpg"},"web-stories-publisher-logo":{"file":"How-to-Generate-and-Use-HAR-files-96x96.jpg","width":96,"height":96,"filesize":2382,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-96x96.jpg"},"web-stories-thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-150x267.jpg","width":150,"height":267,"filesize":5675,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-150x267.jpg"},"full":{"file":"How-to-Generate-and-Use-HAR-files.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#ebecf3","blurHash":"U2RfnL%2?w%MkWxaM{bF0Uxu00RjNGxakCWU","creationDate":"2026-03-17T08:50:21","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files.jpg","id":9644,"alt":"How to Generate and Use HAR files","local":false,"provider":"local"}}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"id":"f0d634be-b48b-406c-8b63-849d61aa7d27","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"deb517f0-fe0b-41ad-9576-3d2e5c4746d7"},"animations":[],"pageAttachment":{"url":"https:\/\/www.testleaf.com\/blog\/har-files-for-qa-debugging-guide\/?utm_source=Web_Story&utm_medium=Organic&utm_campaign=Web_Story","icon":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2022\/05\/favicon-300x300.png","needsProxy":false}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"type":"image","id":"cfb1835d-99e3-45fb-ad25-98a8fbf16000","scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"How-to-Generate-and-Use-HAR-files-1-169x300.jpg","width":169,"height":300,"filesize":10603,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-169x300.jpg"},"large":{"file":"How-to-Generate-and-Use-HAR-files-1-576x1024.jpg","width":576,"height":1024,"filesize":47926,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-576x1024.jpg"},"thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-1-150x150.jpg","width":150,"height":150,"filesize":7138,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"How-to-Generate-and-Use-HAR-files-1-150x150.jpg","width":150,"height":150,"filesize":7138,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-150x150.jpg"},"rpg_gallery_thumb":{"file":"How-to-Generate-and-Use-HAR-files-1-150x150.jpg","width":150,"height":150,"filesize":7138,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-150x150.jpg"},"web-stories-poster-portrait":{"file":"How-to-Generate-and-Use-HAR-files-1-640x853.jpg","width":640,"height":853,"filesize":53210,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-640x853.jpg"},"web-stories-publisher-logo":{"file":"How-to-Generate-and-Use-HAR-files-1-96x96.jpg","width":96,"height":96,"filesize":4007,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-96x96.jpg"},"web-stories-thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-1-150x267.jpg","width":150,"height":267,"filesize":8952,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1-150x267.jpg"},"full":{"file":"How-to-Generate-and-Use-HAR-files-1.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#ede6dc","blurHash":"U$N1J@oM%LxtRjbHt6Rk~qR*jEWBxusmRjof","creationDate":"2026-03-17T08:50:19","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-1.jpg","id":9640,"alt":"How to Generate and Use HAR files (1)","local":false,"provider":"local"}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":33,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700\">Open Developer Tools<\/span>","x":33,"y":577,"width":345,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"type":"text","height":39,"id":"af3bba0d-3668-41a5-9b93-0ffb8372da2a"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"id":"7a0eb7b8-e6e7-458c-acad-bf125b0548a5","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"4c0e06d5-7da7-4c62-917c-29706dc75c0a"},"animations":[{"id":"eae62a35-61fd-4c48-b035-6bf01092bab7","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["cfb1835d-99e3-45fb-ad25-98a8fbf16000"]},{"id":"f7b7d6a5-5e45-4650-bcad-beb12d933663","type":"effect-drop","duration":600,"delay":0,"targets":["af3bba0d-3668-41a5-9b93-0ffb8372da2a"]}]},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"How-to-Generate-and-Use-HAR-files-2-169x300.jpg","width":169,"height":300,"filesize":10715,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-169x300.jpg"},"large":{"file":"How-to-Generate-and-Use-HAR-files-2-576x1024.jpg","width":576,"height":1024,"filesize":50163,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-576x1024.jpg"},"thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-2-150x150.jpg","width":150,"height":150,"filesize":7015,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"How-to-Generate-and-Use-HAR-files-2-150x150.jpg","width":150,"height":150,"filesize":7015,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-150x150.jpg"},"rpg_gallery_thumb":{"file":"How-to-Generate-and-Use-HAR-files-2-150x150.jpg","width":150,"height":150,"filesize":7015,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-150x150.jpg"},"web-stories-poster-portrait":{"file":"How-to-Generate-and-Use-HAR-files-2-640x853.jpg","width":640,"height":853,"filesize":52669,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-640x853.jpg"},"web-stories-publisher-logo":{"file":"How-to-Generate-and-Use-HAR-files-2-96x96.jpg","width":96,"height":96,"filesize":3800,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-96x96.jpg"},"web-stories-thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-2-150x267.jpg","width":150,"height":267,"filesize":9008,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2-150x267.jpg"},"full":{"file":"How-to-Generate-and-Use-HAR-files-2.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#e0dcd2","blurHash":"UFR.}k%3v|xTkraKtSXn~WIoWUo#McozIUs9","creationDate":"2026-03-17T08:50:19","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-2.jpg","id":9641,"alt":"How to Generate and Use HAR files (2)","local":false,"provider":"local"},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"id":"648be88f-a2f7-4b42-bbe7-3523752619a6","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":33,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700\">Record Network Activity<\/span>","x":23,"y":578,"width":466,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":39,"id":"58570bfc-b725-4641-a3cd-57e2ba9f82a9","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"2e9d8574-4c53-407f-aab3-17800a3c7ef3","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["648be88f-a2f7-4b42-bbe7-3523752619a6"]},{"id":"5241630c-739d-4bcb-8ac2-e06fc46bc8a1","type":"effect-drop","duration":600,"delay":0,"targets":["58570bfc-b725-4641-a3cd-57e2ba9f82a9"]}],"id":"fbe24a1d-75dd-4e84-a9e5-4bea33e05eae","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"4c0e06d5-7da7-4c62-917c-29706dc75c0a"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"How-to-Generate-and-Use-HAR-files-3-169x300.jpg","width":169,"height":300,"filesize":6554,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-169x300.jpg"},"large":{"file":"How-to-Generate-and-Use-HAR-files-3-576x1024.jpg","width":576,"height":1024,"filesize":29116,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-576x1024.jpg"},"thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-3-150x150.jpg","width":150,"height":150,"filesize":4923,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"How-to-Generate-and-Use-HAR-files-3-150x150.jpg","width":150,"height":150,"filesize":4923,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-150x150.jpg"},"rpg_gallery_thumb":{"file":"How-to-Generate-and-Use-HAR-files-3-150x150.jpg","width":150,"height":150,"filesize":4923,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-150x150.jpg"},"web-stories-poster-portrait":{"file":"How-to-Generate-and-Use-HAR-files-3-640x853.jpg","width":640,"height":853,"filesize":30540,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-640x853.jpg"},"web-stories-publisher-logo":{"file":"How-to-Generate-and-Use-HAR-files-3-96x96.jpg","width":96,"height":96,"filesize":2924,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-96x96.jpg"},"web-stories-thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-3-150x267.jpg","width":150,"height":267,"filesize":5690,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3-150x267.jpg"},"full":{"file":"How-to-Generate-and-Use-HAR-files-3.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#6fc3ef","blurHash":"U,P7XyaexdkC#laxSej]~Bj@WSazKPj[r^a{","creationDate":"2026-03-17T08:50:20","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-3.jpg","id":9642,"alt":"How to Generate and Use HAR files (3)","local":false,"provider":"local"},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"id":"ec39704a-b08e-48cf-ad06-fa7148c1dbe6","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":33,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700\">Save the HAR File<\/span>","x":63,"y":578,"width":466,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":39,"id":"d7dc1ecb-a5f6-4218-adec-0af569f9985e","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"ebd921f5-d89c-40d3-95a6-b405a98ac49f","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["ec39704a-b08e-48cf-ad06-fa7148c1dbe6"]},{"id":"e092fc45-39d1-4744-b708-4abcc8674fa8","type":"effect-drop","duration":600,"delay":0,"targets":["d7dc1ecb-a5f6-4218-adec-0af569f9985e"]}],"id":"94fbf561-32c8-46c9-ac50-77ee33362475","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"4c0e06d5-7da7-4c62-917c-29706dc75c0a"}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":720,"height":1280,"sizes":{"medium":{"file":"How-to-Generate-and-Use-HAR-files-4-169x300.jpg","width":169,"height":300,"filesize":9651,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-169x300.jpg"},"large":{"file":"How-to-Generate-and-Use-HAR-files-4-576x1024.jpg","width":576,"height":1024,"filesize":46245,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-576x1024.jpg"},"thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-4-150x150.jpg","width":150,"height":150,"filesize":6458,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-150x150.jpg"},"rpg_gallery_admin_thumb":{"file":"How-to-Generate-and-Use-HAR-files-4-150x150.jpg","width":150,"height":150,"filesize":6458,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-150x150.jpg"},"rpg_gallery_thumb":{"file":"How-to-Generate-and-Use-HAR-files-4-150x150.jpg","width":150,"height":150,"filesize":6458,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-150x150.jpg"},"web-stories-poster-portrait":{"file":"How-to-Generate-and-Use-HAR-files-4-640x853.jpg","width":640,"height":853,"filesize":48668,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-640x853.jpg"},"web-stories-publisher-logo":{"file":"How-to-Generate-and-Use-HAR-files-4-96x96.jpg","width":96,"height":96,"filesize":3564,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-96x96.jpg"},"web-stories-thumbnail":{"file":"How-to-Generate-and-Use-HAR-files-4-150x267.jpg","width":150,"height":267,"filesize":8383,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4-150x267.jpg"},"full":{"file":"How-to-Generate-and-Use-HAR-files-4.jpg","width":720,"height":1280,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#f0eaf0","blurHash":"UXQ]c^x@NHt6#lRjoyjY_MRlr=V[K5t8VtWV","creationDate":"2026-03-17T08:50:21","src":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Generate-and-Use-HAR-files-4.jpg","id":9643,"alt":"How to Generate and Use HAR files (4)","local":false,"provider":"local"},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":48,"y":0,"width":330,"height":586,"mask":{"type":"rectangle"},"isBackground":true,"id":"e369d9fc-5397-48a8-bd07-f7ed30ee0e80","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":33,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.2,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700\">Analyze the HAR File<\/span>","x":53,"y":578,"width":466,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"height":39,"id":"56acc11e-af79-4a6b-9182-ca4fd43cbdf7","type":"text"}],"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"animations":[{"id":"e6e943f3-8fc8-4d52-b99c-00a7c18f78e8","type":"effect-background-zoom","zoomDirection":"scaleOut","duration":2000,"delay":0,"targets":["e369d9fc-5397-48a8-bd07-f7ed30ee0e80"]},{"id":"b4608359-a0a1-4bc2-86a4-e44f8aca4948","type":"effect-drop","duration":600,"delay":0,"targets":["56acc11e-af79-4a6b-9182-ca4fd43cbdf7"]}],"id":"602f8891-65c4-4799-a470-9370ac49e28a","defaultBackgroundElement":{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"type":"shape","id":"4c0e06d5-7da7-4c62-917c-29706dc75c0a"}}],"fonts":{"Roboto":{"family":"Roboto","weights":[100,300,400,500,700,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],"fallbacks":["Helvetica Neue","Helvetica","sans-serif"],"service":"fonts.google.com","metrics":{"upm":2048,"asc":1900,"des":-500,"tAsc":1536,"tDes":-512,"tLGap":102,"wAsc":1946,"wDes":512,"xH":1082,"capH":1456,"yMin":-555,"yMax":2163,"hAsc":1900,"hDes":-500,"lGap":0}}},"autoAdvance":true,"defaultPageDuration":7,"currentStoryStyles":{"colors":[]}},"story_poster":{"id":9645,"url":"https:\/\/www.testleaf.com\/blog\/wp-content\/uploads\/2026\/03\/cropped-How-to-Generate-and-Use-HAR-files.jpg","width":640,"height":853,"needsProxy":false},"_links":{"self":[{"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story\/9639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story"}],"about":[{"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/wp\/v2\/types\/web-story"}],"author":[{"embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story\/9639\/revisions"}],"predecessor-version":[{"id":9647,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story\/9639\/revisions\/9647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/media\/9645"}],"wp:attachment":[{"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/media?parent=9639"}],"wp:term":[{"taxonomy":"web_story_category","embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web_story_category?post=9639"},{"taxonomy":"web_story_tag","embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web_story_tag?post=9639"}],"wp:lock":[{"embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/web-story\/9639\/lock"}],"wp:publisherlogo":[{"embeddable":true,"href":"https:\/\/www.testleaf.com\/blog\/wp-json\/web-stories\/v1\/media\/161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}