{"id":43213,"date":"2020-03-28T19:18:30","date_gmt":"2020-03-28T11:18:30","guid":{"rendered":"http:\/\/www.hongkiat.com\/blog\/?p=43213"},"modified":"2023-04-06T19:17:11","modified_gmt":"2023-04-06T11:17:11","slug":"csspeeper-chrome-extension","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/","title":{"rendered":"Effortlessly Inspect CSS on Any Site with Our Chrome Extension"},"content":{"rendered":"<p>The regular <a href=\"https:\/\/www.hongkiat.com\/blog\/chrome-developer-tools\/\">Chrome DevTools<\/a> panel is crazy powerful. It lets anyone dive deep into any page to study a site\u2019s layout, CSS, and even HTTP headers if needed.<\/p>\n<p>You can do a lot with the DevTools CSS inspector. But it doesn\u2019t have a clear GUI panel and that\u2019s one thing every developer would love.<\/p>\n<p>Check out <a href=\"https:\/\/csspeeper.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSSPeeper<\/a>, a free Chrome extension that adds this GUI inspector to your browser. It lets you study the CSS properties of any element on any page, although it\u2019s only built for Chrome right now.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/css-dig-chrome-extension\/\" class=\"ref-block__link\" title=\"Read More: Analyze Any Website\u2019s Codes with CSS Dig Chrome Extension\" rel=\"bookmark\"><span class=\"screen-reader-text\">Analyze Any Website\u2019s Codes with CSS Dig Chrome Extension<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/css-dig-chrome-extension.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-30035 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/css-dig-chrome-extension.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Analyze Any Website\u2019s Codes with CSS Dig Chrome Extension<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tThere's a lot you can do with Chrome DevTools from editing live websites to studying detailed HTTP requests....\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<p>Once installed you just <strong>visit a webpage and click the extension\u2019s main button<\/strong> in the Chrome add-ons bar. A new inspector window appears on top of the webpage with details about each main element.<\/p>\n<p>As you browse through the site you can click on any element you see with a dotted outline. This can include buttons, page sections, headers, navigation items, you name it.<\/p>\n<figure><a href=\"https:\/\/csspeeper.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/csspeeper-chrome-extension\/01-csspeeper-extension-chrome.jpg\" alt=\"csspeeper inspector extension\" width=\"1000\" height=\"586\"><\/a><\/figure>\n<p>From there you\u2019ll get a whole inspector with details on the typography, color choices, and font styles. It\u2019s a great way to <strong>pull styles directly from a webpage<\/strong> without digging into the CSS code yourself.<\/p>\n<p>CSSPeeper even lets you <strong>pick related colors with a built-in color picker<\/strong> and <a href=\"https:\/\/www.hongkiat.com\/blog\/best-color-tools-for-web-designers\/\">color scheme generator<\/a>. You can export images from pages, build your own color schemes, and <strong>apply these into your own mockups<\/strong> with Photoshop or Sketch.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/csspeeper-chrome-extension\/02-css-peeper-preview-hongkiat.jpg\" alt=\"csspeeper chrome extension preview\" width=\"1000\" height=\"556\"><\/figure>\n<p>I primarily <strong>recommend this extension for designers<\/strong> instead of developers as it\u2019s a much more designer-friendly plugin that pulls raw CSS and transforms the code into easy-to-read chunks of data.<\/p>\n<p>But this plugin can also help developers too! It\u2019s really a <strong>powerful site inspection tool for all types of CSS<\/strong>.<\/p>\n<p>Take a look at <a href=\"https:\/\/csspeeper.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">the CSSPeeper homepage<\/a> to learn more about what it can do. The main page also includes a link to the Chrome store so you can <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/css-peeper\/mbnbehikldjhnfehhnaidhjhoofhpehk\" target=\"_blank\" rel=\"noopener noreferrer\">install the extension<\/a> free of charge and take it out for a test run.<\/p>","protected":false},"excerpt":{"rendered":"<p>The regular Chrome DevTools panel is crazy powerful. It lets anyone dive deep into any page to study a site\u2019s layout, CSS, and even HTTP headers if needed. You can do a lot with the DevTools CSS inspector. But it doesn\u2019t have a clear GUI panel and that\u2019s one thing every developer would love. Check&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[1258,2902],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Effortlessly Inspect CSS on Any Site with Our Chrome Extension - Hongkiat<\/title>\n<meta name=\"description\" content=\"The regular Chrome DevTools panel is crazy powerful. It lets anyone dive deep into any page to study a site&#039;s layout, CSS, and even HTTP headers if\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Effortlessly Inspect CSS on Any Site with Our Chrome Extension\" \/>\n<meta property=\"og:description\" content=\"The regular Chrome DevTools panel is crazy powerful. It lets anyone dive deep into any page to study a site&#039;s layout, CSS, and even HTTP headers if\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-28T11:18:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:17:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/csspeeper-chrome-extension\/01-csspeeper-extension-chrome.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Effortlessly Inspect CSS on Any Site with Our Chrome Extension\",\"datePublished\":\"2020-03-28T11:18:30+00:00\",\"dateModified\":\"2023-04-06T11:17:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/\"},\"wordCount\":335,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/csspeeper-chrome-extension\\\/01-csspeeper-extension-chrome.jpg\",\"keywords\":[\"Chrome\",\"CSS Tools\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/\",\"name\":\"Effortlessly Inspect CSS on Any Site with Our Chrome Extension - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/csspeeper-chrome-extension\\\/01-csspeeper-extension-chrome.jpg\",\"datePublished\":\"2020-03-28T11:18:30+00:00\",\"dateModified\":\"2023-04-06T11:17:11+00:00\",\"description\":\"The regular Chrome DevTools panel is crazy powerful. It lets anyone dive deep into any page to study a site's layout, CSS, and even HTTP headers if\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/csspeeper-chrome-extension\\\/01-csspeeper-extension-chrome.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/csspeeper-chrome-extension\\\/01-csspeeper-extension-chrome.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/csspeeper-chrome-extension\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Effortlessly Inspect CSS on Any Site with Our Chrome Extension\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Effortlessly Inspect CSS on Any Site with Our Chrome Extension - Hongkiat","description":"The regular Chrome DevTools panel is crazy powerful. It lets anyone dive deep into any page to study a site's layout, CSS, and even HTTP headers if","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/","og_locale":"en_US","og_type":"article","og_title":"Effortlessly Inspect CSS on Any Site with Our Chrome Extension","og_description":"The regular Chrome DevTools panel is crazy powerful. It lets anyone dive deep into any page to study a site's layout, CSS, and even HTTP headers if","og_url":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-03-28T11:18:30+00:00","article_modified_time":"2023-04-06T11:17:11+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/csspeeper-chrome-extension\/01-csspeeper-extension-chrome.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Effortlessly Inspect CSS on Any Site with Our Chrome Extension","datePublished":"2020-03-28T11:18:30+00:00","dateModified":"2023-04-06T11:17:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/"},"wordCount":335,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/csspeeper-chrome-extension\/01-csspeeper-extension-chrome.jpg","keywords":["Chrome","CSS Tools"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/","url":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/","name":"Effortlessly Inspect CSS on Any Site with Our Chrome Extension - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/csspeeper-chrome-extension\/01-csspeeper-extension-chrome.jpg","datePublished":"2020-03-28T11:18:30+00:00","dateModified":"2023-04-06T11:17:11+00:00","description":"The regular Chrome DevTools panel is crazy powerful. It lets anyone dive deep into any page to study a site's layout, CSS, and even HTTP headers if","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/csspeeper-chrome-extension\/01-csspeeper-extension-chrome.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/csspeeper-chrome-extension\/01-csspeeper-extension-chrome.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/csspeeper-chrome-extension\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Effortlessly Inspect CSS on Any Site with Our Chrome Extension"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-beZ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=43213"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43213\/revisions"}],"predecessor-version":[{"id":65930,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43213\/revisions\/65930"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=43213"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=43213"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=43213"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=43213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}