{"id":21496,"date":"2014-04-10T13:59:57","date_gmt":"2014-04-10T11:59:57","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=21496"},"modified":"2014-04-10T13:59:57","modified_gmt":"2014-04-10T11:59:57","slug":"online-har-viewer","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/04\/10\/online-har-viewer\/","title":{"rendered":"Online HAR viewer"},"content":{"rendered":"\n

HTTP Archive Viewer<\/a> – a handy tool for troubleshooting web pages. \u00a0Here is how to use it:<\/p>\n

    \n
  1. Open Google Chrome browser (new tab).<\/li>\n
  2. Press F12 to open Developer Tools.<\/li>\n
  3. Switch to Network tab.<\/li>\n
  4. Load any page in the tab.<\/li>\n
  5. Right-click anywhere over network requests to get a menu.<\/li>\n
  6. Select ‘Save as HAR with content’.<\/li>\n
  7. Choose the location for the HAR file.<\/li>\n<\/ol>\n

    Now you can drag-n-drop this file into the HTTP Archive Viewer and study how the page loaded, which requests were made, how much time was spent and how it was spent. \u00a0This is particularly useful for the following scenarios:<\/p>\n

      \n
    1. You are about to make some changes to your site, and you want to compare ‘before’ and ‘after’.<\/li>\n
    2. You are troubleshooting a session of a non-technical user, who can’t provide you access to his desktop environment.<\/li>\n<\/ol>\n\n","protected":false},"excerpt":{"rendered":"\n

      HTTP Archive Viewer – a handy tool for troubleshooting web pages. \u00a0Here is how to use it: Open Google Chrome browser (new tab). Press F12 to open Developer Tools. Switch to Network tab. Load any page in the tab. Right-click anywhere over network requests to get a menu. Select ‘Save as HAR with content’. Choose … Continue reading Online HAR viewer<\/span><\/a><\/p>\n\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[20,1955,1057,1108,989,1330],"keyring_services":[],"class_list":["post-21496","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-technology","category-web-work","tag-browsers","tag-google-chrome","tag-performance","tag-testing","tag-troubleshooting","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":28180,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/11\/06\/clockwork-php-developer-tools-integration-for-google-chrome\/","url_meta":{"origin":21496,"position":0},"title":"Clockwork – PHP developer tools integration for Google Chrome","author":"Leonid Mamchenkov","date":"November 6, 2017","format":false,"excerpt":"Clockwork is a PHP library and a Google Chrome extension that work together to provide a new tab in the Google Chrome DevTools for PHP developers.\u00a0 The tab contains all sorts of useful information such as variable values, application tracing, timing, and more.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/11\/clockwork-500x223.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":47572,"url":"https:\/\/mamchenkov.net\/wordpress\/2020\/03\/11\/google-chrome-tab-groups\/","url_meta":{"origin":21496,"position":1},"title":"Google Chrome Tab Groups","author":"Leonid Mamchenkov","date":"March 11, 2020","format":false,"excerpt":"Thanks to this great tip I've discovered the recently added Tab Groups functionality in Google Chrome browser. All you need to do is navigate to chrome:\/\/flags\/ , search for \"Tab Groups\" feature, enable it, and restart your browser. Once that is done, right-click on any tab and you'll see the\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2020\/03\/google-chrome-tab-groups.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2020\/03\/google-chrome-tab-groups.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2020\/03\/google-chrome-tab-groups.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2020\/03\/google-chrome-tab-groups.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2020\/03\/google-chrome-tab-groups.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2020\/03\/google-chrome-tab-groups.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":23189,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/22\/tab-snooze-snooze-tabs-for-later\/","url_meta":{"origin":21496,"position":2},"title":"Tab Snooze – snooze tabs for later","author":"Leonid Mamchenkov","date":"December 22, 2014","format":"link","excerpt":"Tab Snooze - snooze tabs for later. Also on GitHub.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"tab snooze","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/tab-snooze-463x500.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23600,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/02\/25\/1000-chrome-experiments\/","url_meta":{"origin":21496,"position":3},"title":"1,000 Chrome Experiments","author":"Leonid Mamchenkov","date":"February 25, 2015","format":false,"excerpt":"Chrome Experiments is a collection of projects that push the limits of the Google Chrome browser. \u00a0They've recently reached a 1,000 contributions. \u00a0Some look simplistic, some are stunning. \u00a0Some are just little toys, yet others have practical application. \u00a0Definitely deserves a minute of your time. \u00a0Which will probably eat a\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"Chrome Experiments","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/02\/Chrome-Experiments-500x202.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":39409,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/03\/20\/htrace-sh-http-https-troubleshooting-and-profiling-tool\/","url_meta":{"origin":21496,"position":4},"title":"htrace.sh – HTTP\/HTTPS troubleshooting and profiling tool","author":"Leonid Mamchenkov","date":"March 20, 2019","format":false,"excerpt":"htrace.sh is a handy command-line tool for HTTP\/HTTPS troubleshooting and profiling. It also integrates with a number of other security tools, like nmap, SSL Labs, subfinder, etc.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/htrace.sh_preview.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/htrace.sh_preview.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/htrace.sh_preview.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/03\/htrace.sh_preview.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":28162,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/11\/01\/google-chrome-color-profile\/","url_meta":{"origin":21496,"position":5},"title":"Google Chrome color profile","author":"Leonid Mamchenkov","date":"November 1, 2017","format":false,"excerpt":"My good friend and colleague Michael Stepanov has been recently annoyed by some weird color offsets on his external screen in Fedora 26.\u00a0 Turns out, it wasn't the external monitor, video card, or cable issue.\u00a0 The problem was with the new Google Chrome and its choice of the color profile.\u00a0\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/11\/google-chrome-color-profile-500x281.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/21496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=21496"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/21496\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=21496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=21496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=21496"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=21496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}