{"id":2160,"date":"2024-01-27T10:03:37","date_gmt":"2024-01-27T08:03:37","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=2160"},"modified":"2025-01-30T08:55:47","modified_gmt":"2025-01-30T06:55:47","slug":"take-screenshots-javascript","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/","title":{"rendered":"How to Take Screenshots in the Browser Using JavaScript"},"content":{"rendered":"<p>Taking screenshots within a browser is a skill that can be very useful to you. You might need it to capture some content for user interfaces, if you are building custom tools, automating some tasks &ndash; or anything else, for that matter. But, what happens if you don&rsquo;t know how to make a Javascript screenshot? \ud83d\udcf8<\/p>\n<p>Don&rsquo;t worry about it. We wrote this post specifically to tell you how to make this happen. Before we get started, it&rsquo;s important to make sure that you have all the tools necessary to fix your problem.<\/p>\n<p><!--more--><\/p>\n<p>While working on browser-based apps, it&rsquo;s very common for users to face hardware issues that can also impact their experience negatively. For instance, there are many users who report problems like their <a target=\"_blank\" href=\"https:\/\/macpaw.com\/how-to\/iphone-camera-not-working\">iphone camera not working<\/a>&nbsp;properly when they try to capture screenshots using different applications, the ones that rely on camera functionality. If you were wondering how to fix iPhone camera or asking yourself why is my front camera not working, these issues can come from software glitches, hardware malfunctions, or even something as simple as permission settings. You can fix this problem by updating iOS, resetting the permissions or, if everything fails, consulting Apple&rsquo;s support.<\/p>\n<p>Now let&rsquo;s see what you can do to take those screenshots with <a href=\"\/articles\/category\/javascript\/\">Javascript<\/a>.<\/p>\n<p class=\"aligncenter\"><img decoding=\"async\" alt=\"html icon\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg\" title=\"html icon\" \/><br \/><em>Generate Screenshots with a Screenshot Service<\/em><\/p>\n<p>The idea that the web needs a service for screenshots with JavaScript is not new, which is why there are some tools you can use to simplify this. Take, for instance, Stillio. You can use this software to make their famous Stillio automatic screenshots without much effort. Some alternative options are <a target=\"_blank\" href=\"https:\/\/www.url2png.com\/\">url2png<\/a>, <a target=\"_blank\" href=\"https:\/\/urlbox.com\/\">Urlbox<\/a>, etc.<\/p>\n<p>The implementation of this can differ depending on what you use, but the general idea is pretty much the same. You send the URL and any customizable parameters to the service and wait for the response.<\/p>\n<h2 id=\"html2canvas\">Use the html2canvas Library<\/h2>\n<p>Another option for capturing screenshots on your web screen using Javascript is this &ndash; using the <a target=\"_blank\" href=\"https:\/\/html2canvas.hertzen.com\/\">html2canvas library<\/a>. The library will take a snapshot of a DOM element and render it as a canvas element. It&rsquo;s pretty simple to use. Here is an example of this:<\/p>\n<div style=\"background: #ffffff; overflow: auto; width: auto; border: solid gray; border-width: .1em .1em .1em .8em; padding: .2em .6em;\">\n<pre style=\"margin: 0; line-height: 125%;\">html2canvas(<span style=\"color: #007020;\">document<\/span>.body).then(<span style=\"color: #008800; font-weight: bold;\">function<\/span> (canvas) {\n  <span style=\"color: #007020;\">document<\/span>.body.appendChild(canvas);\n});\n<\/pre>\n<\/div>\n<h2>Use the Native Screenshot API<\/h2>\n<p>Some browsers support native capabilities for taking screenshots by using APIs. This is still in development when it comes to the <a href=\"\/articles\/javascript-frameworks-for-front-end-development\/\">Javascript frameworks<\/a>, but there are already some options that have proven to work.<\/p>\n<p>Around the same time than html2canvas was released on the market, Google released <a target=\"_blank\" href=\"https:\/\/hangouts.google.com\">Hangouts<\/a>, the famous video and audio platform. To support it, they put forward the idea of RTC, which later turned into WebRTC. This is now a standard in modern browsers, and it is what you can use to take those screenshots.<\/p>\n<p>One part of WebRTC is <a target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/MediaDevices\/getDisplayMedia\">getDisplayMedia<\/a> &ndash; the screen sharing API. You can use it to capture a still image from a video, which will basically become a screenshot. Here is an example of this:<\/p>\n<div style=\"background: #ffffff; overflow: auto; width: auto; border: solid gray; border-width: .1em .1em .1em .8em; padding: .2em .6em;\">\n<pre style=\"margin: 0; line-height: 125%;\"><span style=\"color: #008800; font-weight: bold;\">const<\/span> capture <span style=\"color: #333333;\">=<\/span> async () <span style=\"color: #333333;\">=&gt;<\/span> {\n  <span style=\"color: #008800; font-weight: bold;\">const<\/span> canvas <span style=\"color: #333333;\">=<\/span> <span style=\"color: #007020;\">document<\/span>.createElement(<span style=\"background-color: #fff0f0;\">\"canvas\"<\/span>);\n  <span style=\"color: #008800; font-weight: bold;\">const<\/span> context <span style=\"color: #333333;\">=<\/span> canvas.getContext(<span style=\"background-color: #fff0f0;\">\"2d\"<\/span>);\n  <span style=\"color: #008800; font-weight: bold;\">const<\/span> video <span style=\"color: #333333;\">=<\/span> <span style=\"color: #007020;\">document<\/span>.createElement(<span style=\"background-color: #fff0f0;\">\"video\"<\/span>);\n  <span style=\"color: #008800; font-weight: bold;\">try<\/span> {\n\t<span style=\"color: #008800; font-weight: bold;\">const<\/span> captureStream <span style=\"color: #333333;\">=<\/span> await navigator.mediaDevices.getDisplayMedia();\n\tvideo.srcObject <span style=\"color: #333333;\">=<\/span> captureStream;\n  }\n}\n<\/pre>\n<\/div>\n<p>How does this work, really? For starters, the video and canvas elements are added to the memory. Next, the getDisplayMedia <a target=\"_blank\" href=\"https:\/\/aws.amazon.com\/what-is\/api\/\">API<\/a>&nbsp;will help you request access to your desktop or tab. When you grant permission for this, the screen stream is set to the video element, and the canvas is drawn. What you get is an image from the canvas in a process that is very similar to the one with the html2canvas example we mentioned above.<\/p>\n<p class=\"aligncenter\"><img decoding=\"async\" alt=\"html source code\" src=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-source-code.jpg\" title=\"html source code\" \/><\/p>\n<h2>Wrapping Up<\/h2>\n<p>Whether you need some screenshots to get feedback for a feature in your app, or you need it to automate some tasks, you need to find the right solution for this problem you have &ndash; taking screenshots using JavaScript.<\/p>\n<p>Using an API or a client-side solution like <a href=\"#html2canvas\">html2canvas<\/a> means that you can generate images fast and won&rsquo;t have to manage any server infrastructure. If you outsource this, the process gets even simpler and you get fast and pixel-perfect screenshots that you can use for whatever purposes you intended.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Taking screenshots within a browser is a skill that can be very useful to you. You might need it to capture some content for user interfaces, if you are building custom tools, automating some tasks &ndash; or anything else, for that matter. But, what happens if you don&rsquo;t know how to make a Javascript screenshot? &hellip; <a href=\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Take Screenshots in the Browser Using JavaScript&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2160","post","type-post","status-publish","format-standard","hentry","category-articles"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Take Screenshots in the Browser Using JavaScript<\/title>\n<meta name=\"description\" content=\"Do you want to learn how to take screenshots while using a browser using JavaScript? In this post, we will give you the step-by-step process to make this happen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Take Screenshots in the Browser Using JavaScript\" \/>\n<meta property=\"og:description\" content=\"Do you want to learn how to take screenshots while using a browser using JavaScript? In this post, we will give you the step-by-step process to make this happen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-27T08:03:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-30T06:55:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"How to Take Screenshots in the Browser Using JavaScript\",\"datePublished\":\"2024-01-27T08:03:37+00:00\",\"dateModified\":\"2025-01-30T06:55:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/\"},\"wordCount\":686,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg\",\"articleSection\":[\"Articles\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/\",\"url\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/\",\"name\":\"How to Take Screenshots in the Browser Using JavaScript\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg\",\"datePublished\":\"2024-01-27T08:03:37+00:00\",\"dateModified\":\"2025-01-30T06:55:47+00:00\",\"description\":\"Do you want to learn how to take screenshots while using a browser using JavaScript? In this post, we will give you the step-by-step process to make this happen.\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Take Screenshots in the Browser Using JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Take Screenshots in the Browser Using JavaScript","description":"Do you want to learn how to take screenshots while using a browser using JavaScript? In this post, we will give you the step-by-step process to make this happen.","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:\/\/html-online.com\/articles\/take-screenshots-javascript\/","og_locale":"en_GB","og_type":"article","og_title":"How to Take Screenshots in the Browser Using JavaScript","og_description":"Do you want to learn how to take screenshots while using a browser using JavaScript? In this post, we will give you the step-by-step process to make this happen.","og_url":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2024-01-27T08:03:37+00:00","article_modified_time":"2025-01-30T06:55:47+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"How to Take Screenshots in the Browser Using JavaScript","datePublished":"2024-01-27T08:03:37+00:00","dateModified":"2025-01-30T06:55:47+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/"},"wordCount":686,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg","articleSection":["Articles"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/","url":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/","name":"How to Take Screenshots in the Browser Using JavaScript","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg","datePublished":"2024-01-27T08:03:37+00:00","dateModified":"2025-01-30T06:55:47+00:00","description":"Do you want to learn how to take screenshots while using a browser using JavaScript? In this post, we will give you the step-by-step process to make this happen.","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/take-screenshots-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2025\/01\/html-icon.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/take-screenshots-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"How to Take Screenshots in the Browser Using JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/2160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=2160"}],"version-history":[{"count":2,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/2160\/revisions"}],"predecessor-version":[{"id":2162,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/2160\/revisions\/2162"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=2160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=2160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=2160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}