{"id":8517,"date":"2021-12-23T08:17:04","date_gmt":"2021-12-23T08:17:04","guid":{"rendered":"https:\/\/thichblog.net\/?p=8517"},"modified":"2021-12-23T08:17:04","modified_gmt":"2021-12-23T08:17:04","slug":"file-har-la-gi-cach-tao-va-mo-file-har","status":"publish","type":"post","link":"https:\/\/vibeshelf.me\/?p=8517","title":{"rendered":"File HAR l\u00e0 g\u00ec? C\u00e1ch t\u1ea1o v\u00e0 m\u1edf file HAR?"},"content":{"rendered":"\n<p>File HAR l\u00e0 m\u1ed9t \u0111\u1ecbnh d\u1ea1ng file l\u01b0u tr\u1eef JSON d\u00f9ng \u0111\u1ec3 l\u01b0u d\u1eef li\u1ec7u duy\u1ec7t web tr\u00ean nhi\u1ec1u tr\u00ecnh duy\u1ec7t. N\u00f3 ho\u1ea1t \u0111\u1ed9ng b\u1eb1ng c\u00e1ch l\u01b0u tr\u1eef m\u1ed9t phi\u00ean d\u1eef li\u1ec7u gi\u1eefa m\u00e1y kh\u00e1ch v\u00e0 m\u00e1y ch\u1ee7. File HAR \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 l\u01b0u t\u1ea5t c\u1ea3 c\u00e1c y\u00eau c\u1ea7u truy c\u1eadp web \u0111\u01b0\u1ee3c t\u1ea1o ra b\u1edfi tr\u00ecnh duy\u1ec7t.<\/p>\n\n\n\n<p>file HAR \u0111\u01b0\u1ee3c d\u00f9ng cho vi\u1ec7c ph\u00e2n t\u00edch v\u00e0 t\u00ecm l\u1ed7 h\u1ed5ng.<\/p>\n\n\n\n<p>file HAR gi\u00fap ch\u00fang ta d\u1ec5 d\u00e0ng gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 hi\u1ec7u n\u0103ng tr\u00ean nhi\u1ec1u tr\u00ecnh duy\u1ec7t kh\u00e1c nhau. <\/p>\n\n\n\n<p>File HAR c\u00f3 ph\u1ea7n m\u1edf r\u1ed9ng l\u00e0 &#8220;.har&#8221;.<\/p>\n\n\n\n<p>Hi\u1ec7u n\u0103ng (performance) duy\u1ec7t web r\u1ea5t quan tr\u1ecdng v\u1edbi ng\u01b0\u1eddi d\u00f9ng. C\u00e1c trang web th\u01b0\u1eddng xuy\u00ean g\u1eb7p v\u1ea5n \u0111\u1ec1 v\u1ec1 t\u1ed1c \u0111\u1ed9 t\u1ea3i, t\u1ed1c \u0111\u1ed9 hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh\u2026 Khi c\u00e1c v\u1ea5n \u0111\u1ec1 n\u00e0y xu\u1ea5t hi\u1ec7n, developer c\u00f3 th\u1ec3 t\u1ea1o ra file HAR v\u00e0 ph\u00e2n t\u00edch \u0111\u1ec3 t\u00ecm ra nguy\u00ean nh\u00e2n c\u1ee7a v\u1ea5n \u0111\u1ec1.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><span class=\"has-inline-color has-luminous-vivid-orange-color\">C\u00e1ch t\u1ea1o file tr\u00ean Google Chrome<\/span><\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u1edf <strong>Chome<\/strong> v\u00e0o trang web c\u1ea7n ph\u00e2n t\u00edch<\/li>\n\n\n\n<li>M\u1edf <strong>Developer Tools<\/strong> b\u1eb1ng c\u00e1ch nh\u1ea5p v\u00e0o <strong>menu ba d\u1ea5u ch\u1ea5m<\/strong> \u1edf g\u00f3c tr\u00ean b\u00ean ph\u1ea3i<\/li>\n\n\n\n<li>Ch\u1ecdn <strong>Other Tool &gt; Developer Tool (C\u00f4ng c\u1ee5 kh\u00e1c &gt; C\u00f4ng c\u1ee5 d\u00e0nh cho Nh\u00e0 ph\u00e1t tri\u1ec3n)<\/strong> ho\u1eb7c nh\u1ea5n t\u1ed5 h\u1ee3p ph\u00edm t\u1eaft <strong>Ctrl + Shift + I<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/qualityogi.com\/wp-content\/uploads\/2021\/12\/image.png\"><img decoding=\"async\" src=\"https:\/\/qualityogi.com\/wp-content\/uploads\/2021\/12\/image-1024x646.png\" alt=\"\" class=\"wp-image-8522\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ch\u1ecdn th\u1ebb <strong>Network<\/strong><\/li>\n\n\n\n<li>Nh\u1ea5p v\u00e0o n\u00fat m\u00e0u \u0111\u1ecf \u1edf s\u01b0\u1eddn b\u00ean tr\u00e1i c\u1ee7a thanh menu. N\u1ebfu n\u00fat n\u00e0y chuy\u1ec3n sang m\u00e0u x\u00e1m th\u00ec \u0111\u1ed3ng ngh\u0129a v\u1edbi vi\u1ec7c m\u1ecdi th\u1ee9 \u0111ang \u0111\u01b0\u1ee3c ghi l\u1ea1i<\/li>\n\n\n\n<li>\u0110\u1ec3 tr\u00e1nh nh\u1ea7m l\u1eabn, b\u1ea1n c\u00f3 th\u1ec3 x\u00f3a c\u00e1c b\u1ea3n ghi log c\u1ee7a tr\u00ecnh duy\u1ec7t b\u1eb1ng c\u00e1ch nh\u1ea5n v\u00e0o bi\u1ec3u t\u01b0\u1ee3ng Clear<\/li>\n\n\n\n<li>Sau khi ghi xong, b\u1ea1n nh\u1ea5n m\u1ed9t l\u1ea7n n\u1eefa v\u00e0o n\u00fat m\u00e0u x\u00e1m.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/qualityogi.com\/wp-content\/uploads\/2021\/12\/image-1.png\"><img decoding=\"async\" src=\"https:\/\/qualityogi.com\/wp-content\/uploads\/2021\/12\/image-1-1024x726.png\" alt=\"\" class=\"wp-image-8523\" style=\"width:787px;height:557px\"\/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ti\u1ebfp theo, b\u1ea1n nh\u1ea5n v\u00e0o <strong>m\u0169i t\u00ean ch\u1ec9 xu\u1ed1ng<\/strong> \u1edf g\u1ea7n g\u00f3c tr\u00ean b\u00ean ph\u1ea3i m\u00e0n h\u00ecnh \u0111\u1ec3 l\u01b0u file HAR<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/qualityogi.com\/wp-content\/uploads\/2021\/12\/image-2.png\"><img decoding=\"async\" src=\"https:\/\/qualityogi.com\/wp-content\/uploads\/2021\/12\/image-2-1024x472.png\" alt=\"\" class=\"wp-image-8524\" style=\"width:791px;height:364px\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><span class=\"has-inline-color has-luminous-vivid-orange-color\">C\u00e1ch t\u1ea1o file tr\u00ean Firefox<\/span><\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>M\u1edf <strong>Firefox<\/strong> v\u00e0o trang web c\u1ea7n ph\u00e2n t\u00edch<\/li>\n\n\n\n<li>M\u1edf th\u1ebb <strong>Network<\/strong> tr\u00ean c\u00f4ng c\u1ee5 <strong>Developer<\/strong> b\u1eb1ng c\u00e1ch nh\u1ea5p v\u00e0o menu <strong>ba d\u1ea5u g\u1ea1ch ngang<\/strong> \u1edf g\u00f3c tr\u00ean b\u00ean ph\u1ea3i sau \u0111\u00f3 ch\u1ecdn <strong>Web Developer &gt; Network<\/strong> ho\u1eb7c nh\u1ea5n t\u1ed5 h\u1ee3p ph\u00edm <strong>Ctrl + Shift + E<\/strong><\/li>\n\n\n\n<li>C\u00f4ng c\u1ee5 Developer s\u1ebd hi\u1ec3n th\u1ecb \u1edf s\u01b0\u1eddn b\u00ean d\u01b0\u1edbi Firefox<\/li>\n\n\n\n<li>Firefox s\u1ebd b\u1eaft \u0111\u1ea7u ghi s\u1ef1 ki\u1ec7n. B\u1ea1n c\u00f3 th\u1ec3 t\u00e1i di\u1ec5n l\u1ea1i v\u1ea5n \u0111\u1ec1 trong khi tr\u00ecnh duy\u1ec7t ghi l\u1ea1i s\u1ef1 ki\u1ec7n<\/li>\n\n\n\n<li>Khi \u0111\u00e3 xong, b\u1ea1n c\u00f3 th\u1ec3 truy c\u1eadp file HAR trong <strong>Developer Network Panel<\/strong><\/li>\n\n\n\n<li>Di chuy\u1ec3n t\u1edbi c\u1ed9t <strong>File<\/strong> v\u00e0 nh\u1ea5p chu\u1ed9t ph\u1ea3i v\u00e0o b\u1ea5t k\u1ef3 d\u00f2ng n\u00e0o sau \u0111\u00f3 ch\u1ecdn <strong>Save all as HAR &gt; Save the file<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/qualityogi.com\/wp-content\/uploads\/2021\/12\/image-3.png\"><img decoding=\"async\" src=\"https:\/\/qualityogi.com\/wp-content\/uploads\/2021\/12\/image-3.png\" alt=\"\" class=\"wp-image-8526\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><span class=\"has-inline-color has-luminous-vivid-orange-color\">C\u00e1ch m\u1edf file HAR<\/span><\/strong><\/h2>\n\n\n\n<p>File HAR c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c m\u1edf b\u1eb1ng Google Chrome, Mozilla Firefox ho\u1eb7c b\u1ea5t c\u1ee9 tr\u00ecnh duy\u1ec7t n\u00e0o. M\u1ed7i URL s\u1ebd t\u1ea1o ra m\u1ed9t file HAR ri\u00eang bi\u1ec7t.<\/p>\n\n\n\n<p>+ Tr\u00ean Chrome, nh\u1ea5n <strong>Ctrl + Shift + I<\/strong> \u0111\u1ec3 m\u1edf <strong>C\u00f4ng c\u1ee5 d\u00e0nh cho Nh\u00e0 ph\u00e1t tri\u1ec3n<\/strong>. Ti\u1ebfp theo truy c\u1eadp th\u1ebb <strong>Network<\/strong> r\u1ed3i nh\u1ea5n v\u00e0o <strong>m\u0169i t\u00ean ch\u1ec9 l\u00ean<\/strong> tr\u00ean \u1edf g\u1ea7n g\u00f3c tr\u00ean b\u00ean ph\u1ea3i c\u1ee7a th\u1ebb Network \u0111\u1ec3 m\u1edf file HAR.<\/p>\n\n\n\n<p>+ Tr\u00ean Firefox, nh\u1ea5n <strong>Ctrl + Shift + E<\/strong> \u0111\u1ec3 m\u1edf th\u1ebb <strong>Network<\/strong> c\u1ee7a c\u00f4ng c\u1ee5 <strong>Developer<\/strong>. Ti\u1ebfp theo, nh\u1ea5n v\u00e0o <strong>bi\u1ec3u t\u01b0\u1ee3ng b\u00e1nh r\u0103ng<\/strong> \u1edf g\u1ea7n g\u00f3c d\u01b0\u1edbi b\u00ean ph\u1ea3i m\u00e0n h\u00ecnh sau \u0111\u00f3 ch\u1ecdn <strong>Import HAR file<\/strong> \u0111\u1ec3 m\u1edf file HAR b\u1ea1n mu\u1ed1n ph\u00e2n t\u00edch.<\/p>\n\n\n\n<p>+ Tr\u00ean Postman -&gt; File -&gt; Import -&gt; Ch\u1ecdn file HAR<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-right\"><span style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\"><code><strong>N\u1ebfu b\u00e0i vi\u1ebft h\u1eefu \u00edch, h\u00e3y chia s\u1ebd \u0111\u1ec3 mang gi\u00e1 tr\u1ecb cho nhi\u1ec1u ng\u01b0\u1eddi h\u01a1n nh\u00e9<\/strong>!<\/code><\/span><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>File HAR l\u00e0 m\u1ed9t \u0111\u1ecbnh d\u1ea1ng file l\u01b0u tr\u1eef JSON d\u00f9ng \u0111\u1ec3 l\u01b0u d\u1eef li\u1ec7u duy\u1ec7t web tr\u00ean nhi\u1ec1u tr\u00ecnh duy\u1ec7t. N\u00f3 ho\u1ea1t \u0111\u1ed9ng b\u1eb1ng c\u00e1ch l\u01b0u tr\u1eef m\u1ed9t phi\u00ean d\u1eef li\u1ec7u gi\u1eefa m\u00e1y kh\u00e1ch v\u00e0 m\u00e1y ch\u1ee7. File HAR \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 l\u01b0u t\u1ea5t c\u1ea3 c\u00e1c y\u00eau c\u1ea7u truy c\u1eadp web \u0111\u01b0\u1ee3c t\u1ea1o ra [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8526,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[19,209,231],"class_list":["post-8517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-testing","tag-api-testing","tag-file-har","tag-full-stack-tester"],"_links":{"self":[{"href":"https:\/\/vibeshelf.me\/index.php?rest_route=\/wp\/v2\/posts\/8517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vibeshelf.me\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vibeshelf.me\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vibeshelf.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vibeshelf.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8517"}],"version-history":[{"count":0,"href":"https:\/\/vibeshelf.me\/index.php?rest_route=\/wp\/v2\/posts\/8517\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vibeshelf.me\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"https:\/\/vibeshelf.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vibeshelf.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vibeshelf.me\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}