{"id":15,"date":"2021-01-08T11:23:25","date_gmt":"2021-01-08T11:23:25","guid":{"rendered":"http:\/\/headlessbrowserapi.com\/?page_id=15"},"modified":"2022-04-05T17:59:40","modified_gmt":"2022-04-05T17:59:40","slug":"about","status":"publish","type":"page","link":"https:\/\/headlessbrowserapi.com\/about\/","title":{"rendered":"About"},"content":{"rendered":"\r\n<div class=\"application application-maximized\" data-application=\"\">\r\n  <div class=\"application-topbar\">\r\n    <div class=\"application-actions-container\">\r\n      <div class=\"application-action application-action-close\"><\/div>\r\n      <div class=\"application-action application-action-minimize\"><\/div>\r\n      <div class=\"application-action application-action-maximize\"><\/div>\r\n    <\/div>\r\n    <div class=\"application-title-container\" data-title-container=\"\">bash<\/div>\r\n  <\/div>\r\n  <div class=\"application-content-container\" data-content-container=\"\" style=\"min-height: 324px;\"><div class=\"terminal-line\"><div>\r\n  <div class=\"terminal-command-line-prompt-string\" data-terminal-command-line-prompt-string=\"\">\r\n  $<\/div>\r\n  <div class=\"terminal-command-line-text\" data-terminal-command-line-text=\"\">\r\n  <span id=\"demo\"><\/span><\/div>\r\n<\/div><\/div>\r\n<div id=\"myDIV\" style=\"visibility:hidden;\"><div class=\"terminal-line\"><div class=\"terminal-response-line-text terminal-response-line-plain-text\" data-terminal-response-line-text=\"\">    {&quot;url&quot;:&quot;URL&quot;,&quot;html&quot;:&quot;&lt;!DOCTYPE html&gt;&lt;html lang=\\&quot;en\\&quot;&gt;JavaScript Rendered Page Content&#8230;&lt;\/html&gt;&quot;}<\/div><\/div><div class=\"terminal-line\"><div class=\"terminal-response-line-text terminal-response-line-plain-text\" data-terminal-response-line-text=\"\">          <\/div><\/div><div class=\"terminal-line\"><div>\r\n  <div class=\"terminal-command-line-prompt-string\" data-terminal-command-line-prompt-string=\"\">\r\n  $<\/div>\r\n  <div class=\"terminal-command-line-text\" data-terminal-command-line-text=\"\">\r\n  <span class=\"cursor cursor-active\">Proxy API for JavaScript Rendered Content Scraping&#8230;<\/span><\/div>\r\n<\/div><\/div><\/div>\r\n<\/div><\/div>\r\n<br\/><br\/>\r\n<h2 class=\"h2center\">Our story<\/h2>\r\n<p>\r\nHaving built many web scraper WordPress plugins, we repeatedly went through the tiresome process of finding proxies, setting up headless browsers, and handling user agents. That\u2019s why we decided to start HeadlessBrowserAPI, it handles all of this for you so you can scrape any page with a simple API call.\r\n<\/p>\r\n<h2 class=\"h2center\">What is HeadlessBrowserAPI?<\/h2>\r\n<p>It is a new Proxy API for Web Scraping that can be used for getting HTML content from webpages with JavaScript rendered content.<br\/><br\/>\r\nWe handle headless browsers (and proxies, if you use the Tor endpoint), so you can get the HTML from any web page with a simple API call! And when we say &#8220;any web page&#8221; &#8211; we mean it! The Tor endpoint will be able to scrape web sites from the Dark Web (.onion links)!<br\/><br\/>\r\n\r\nYou will get control over a web-browser hosted as a service, using Chrome (via Puppeteer, Tor or PhantomJs) to render your JavaScript heavy webpages as HTML, PDF or JPG.<br\/><br\/>\r\n\r\nCheck a detailed example on how this API can help you, on this page: <a href=\"https:\/\/headlessbrowserapi.com\/details-about-the-api\/\">Details about how this API can help you, with a real life example<\/a>.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"h2center\">What will this API offer?<\/h2>\r\n<ul>\r\n<li>Get <b>accurate and fresh content scraped from any website<\/b> with <b>the most powerful web scraper<\/b> ever created!<\/li><li>\r\nBuilt-in Rotating Proxy System &#8211; Using a proxy allows you to control the IP Address that your browser requests use. Use a different proxy IP for each request you make, using a 200,000+ Proxies Pool, available without extra charge. <b>Never get blocked again!<\/b><br\/>While you can use a custom proxy, we also have a built in rotating proxy to handle common needs. By default, the API will use a random IP Address from around the world, for each request it makes.<\/li><li>\r\nGenerate full page <b>screenshots<\/b> for any web site.<\/li><li>\r\nAutomatically solve <b>CAPTCHAs<\/b>.<\/li><li>\r\nAutomatically block <b>Ads<\/b>.<\/li><li>\r\nA Headless Browser Software-as-a-Service (SaaS) that&#8217;s free for light use, and cheap for heavy use.<\/li><li>\r\n<b>200% faster<\/b> than traditional scrapers<\/li><li>\r\nContent that is as much as <b>150% more accurate<\/b>, due to our <b>superfast, adaptive technology<\/b>, using headless JS scraper API. Get the <b>most powerful scraper<\/b> in the world today!<\/li><\/ul>\r\n\r\n<h2 class=\"h2center\">Are there any WordPress plugins make use of this API?<\/h2>\r\n<p>\r\nSure, check the list of WordPress plugins that support this API:\r\n<\/p>\r\n<ul>\r\n<li>\r\n<a href=\"https:\/\/1.envato.market\/crawlomatic\" target=\"_blank\" rel=\"noopener\">Crawlomatic<\/a><\/li><li>\r\n<a href=\"https:\/\/1.envato.market\/newsomatic\" target=\"_blank\" rel=\"noopener\">Newsomatic<\/a><\/li><li>\r\n<a href=\"https:\/\/1.envato.market\/echo\" target=\"_blank\" rel=\"noopener\">Echo RSS<\/a><\/li><li>\r\n<a href=\"https:\/\/1.envato.market\/customcuratedrss\" target=\"_blank\" rel=\"noopener\">URL to RSS<\/a><\/li><li>\r\n<a href=\"https:\/\/1.envato.market\/playomatic\" target=\"_blank\" rel=\"noopener\">Playomatic<\/a><\/li><li>\r\n<a href=\"https:\/\/1.envato.market\/quoramatic\" target=\"_blank\" rel=\"noopener\">Quoramatic<\/a><\/li><li>\r\n<a href=\"https:\/\/1.envato.market\/ultimate-manga-scraper\" target=\"_blank\" rel=\"noopener\">Ultimate Web Novel And Manga Scraper<\/a><\/li><\/ul>\r\n<h2 class=\"h2center\">Functionality Demo Video<\/h2>\r\n<center>\r\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/205EinBQAoo\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n<\/center>\r\n<h2 class=\"h2center\">Fully Customizable<\/h2>\r\n<p>\r\nHeadlessBrowserAPI is not only easy to start with, it&#8217;s also easy to customize. HeadlessBrowserAPI allows you to customize used user agent, cookies, HTTP user and password, used proxies and more. Easily render JavaScript with the selected headless browser by the endpoint used. See our <a href=\"http:\/\/headlessbrowserapi.com\/documentation\/\">documentation<\/a> for more details.\r\n<\/p>\r\n\r\n<h2 class=\"h2center\">Fast and Reliable<\/h2>\r\n<p>\r\nWe guarantee unlimited bandwidth with speeds up to 100Mb\/s, perfect for writing speedy web crawlers. We offer unparalleled speed and reliability so you can easily build scalable web scrapers. Contact our friendly <a href=\"http:\/\/headlessbrowserapi.com\/contact\/\">customer support<\/a> if you run into any trouble!\r\n<\/p>\r\n\r\n<p>API key based authentication is required for each request you make. API keys can be generated <a href=\"https:\/\/headlessbrowserapi.com\/api-keys\/\">here<\/a>.<\/p>\r\n<script>\r\nvar i = 0;\r\nvar txt = 'curl \"https:\/\/headlessbrowserapi.com\/apis\/scrape\/v1\/puppeteer?apikey=APIKEY&url=URL\"';\r\nvar speed = 50;\r\n\r\nfunction typeWriter() {\r\n  if (i < txt.length) {\r\n    document.getElementById(\"demo\").innerHTML += txt.charAt(i);\r\n    i++;\r\n    if(i == 4)\r\n    {\r\n        speed = 500;\r\n    }\r\n    else if(i == txt.length)\r\n    {\r\n        speed = 1000;\r\n    }\r\n    else\r\n    {\r\n        speed = 50;\r\n    }\r\n    setTimeout(typeWriter, speed);\r\n  }\r\n  else\r\n  {\r\n        if (i < txt.length + 1) {\r\n            var x = document.getElementById(\"myDIV\");\r\n            x.style.visibility = 'visible';  \r\n            i++;\r\n        }\r\n  }\r\n}\r\nwindow.onload = typeWriter;\r\n<\/script>\r\n<style>\r\n@media screen and (max-width: 770px) {\r\n    .application{\r\n        display: none !important;\r\n    }\r\n}\r\n.application {\r\n  background-color: #0e141a;\r\n  color: hsla(0, 0%, 100%, 0.5);\r\n  font-family: Helvetica, Arial, sans-serif;\r\n  box-shadow: 12px 18px 48px 0 rgba(14, 20, 26, 0.6);\r\n  overflow: hidden;\r\n  -webkit-border-radius: 6px;\r\n  -moz-border-radius: 6px;\r\n  border-radius: 6px;\r\n  -webkit-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -moz-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -o-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n}\r\n.application-topbar {\r\n  position: relative;\r\n  padding: 3px 12px;\r\n  zoom: 1;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n}\r\n.application-topbar:after {\r\n  content: ' ';\r\n  display: table;\r\n  clear: both;\r\n}\r\n.application-actions-container {\r\n  position: absolute;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n.application-action,\r\n.application-actions-container {\r\n  float: left;\r\n}\r\n.application-action {\r\n  width: 8px;\r\n  height: 8px;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  border-radius: 50%;\r\n}\r\n.application-action.application-action-close {\r\n  background-color: #ff4040;\r\n}\r\n.application-action.application-action-minimize {\r\n  background-color: #ffb700;\r\n}\r\n.application-action.application-action-maximize {\r\n  background-color: #00ae55;\r\n}\r\n.application-action + .application-action {\r\n  margin-left: 6px;\r\n}\r\n.application-title-container {\r\n  padding-left: 45px;\r\n  font-size: 10px;\r\n  text-align: center;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n  letter-spacing: 0.5px;\r\n}\r\n.application-content-container {\r\n  overflow: auto;\r\n}\r\n.application-line {\r\n  position: relative;\r\n  padding: 0 6px;\r\n  min-height: 24px;\r\n  font-size: 14px;\r\n  line-height: 24px;\r\n  font-family: monospace;\r\n  zoom: 1;\r\n}\r\n.application-line:after {\r\n  content: ' ';\r\n  display: table;\r\n  clear: both;\r\n}\r\n.desktop {\r\n  position: relative;\r\n}\r\n.desktop .application {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  opacity: 0;\r\n  -webkit-transform: scale(0);\r\n  -moz-transform: scale(0);\r\n  -ms-transform: scale(0);\r\n  -o-transform: scale(0);\r\n  transform: scale(0);\r\n  -webkit-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -moz-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -o-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  box-shadow: 2px 3px 8px 0 rgba(14, 20, 26, 0.6);\r\n}\r\n.desktop .application.application-maximized {\r\n  opacity: 1;\r\n  box-shadow: 12px 18px 48px 0 rgba(14, 20, 26, 0.6);\r\n  -webkit-transform: scale(1);\r\n  -moz-transform: scale(1);\r\n  -ms-transform: scale(1);\r\n  -o-transform: scale(1);\r\n  transform: scale(1);\r\n}\r\n.editor-application .application-content-container {\r\n  background-color: #282c34;\r\n}\r\n.editor-application .application-line-text {\r\n  padding-left: 36px;\r\n}\r\n.application {\r\n  background-color: #0e141a;\r\n  color: hsla(0, 0%, 100%, 0.5);\r\n  font-family: Helvetica, Arial, sans-serif;\r\n  box-shadow: 12px 18px 48px 0 rgba(14, 20, 26, 0.6);\r\n  overflow: hidden;\r\n  -webkit-border-radius: 6px;\r\n  -moz-border-radius: 6px;\r\n  border-radius: 6px;\r\n  -webkit-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -moz-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -o-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n}\r\n.application-topbar {\r\n  position: relative;\r\n  padding: 3px 12px;\r\n  zoom: 1;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n}\r\n.application-topbar:after {\r\n  content: ' ';\r\n  display: table;\r\n  clear: both;\r\n}\r\n.application-actions-container {\r\n  position: absolute;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n.application-action,\r\n.application-actions-container {\r\n  float: left;\r\n}\r\n.application-action {\r\n  width: 8px;\r\n  height: 8px;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  border-radius: 50%;\r\n}\r\n.application-action.application-action-close {\r\n  background-color: #ff4040;\r\n}\r\n.application-action.application-action-minimize {\r\n  background-color: #ffb700;\r\n}\r\n.application-action.application-action-maximize {\r\n  background-color: #00ae55;\r\n}\r\n.application-action + .application-action {\r\n  margin-left: 6px;\r\n}\r\n.application-title-container {\r\n  padding-left: 45px;\r\n  font-size: 10px;\r\n  text-align: center;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n  letter-spacing: 0.5px;\r\n}\r\n.application-content-container {\r\n  overflow: auto;\r\n}\r\n.application-line {\r\n  position: relative;\r\n  padding: 0 6px;\r\n  min-height: 24px;\r\n  font-size: 14px;\r\n  line-height: 24px;\r\n  font-family: monospace;\r\n  zoom: 1;\r\n}\r\n.application-line:after {\r\n  content: ' ';\r\n  display: table;\r\n  clear: both;\r\n}\r\n.application {\r\n  background-color: #0e141a;\r\n  color: hsla(0, 0%, 100%, 0.5);\r\n  font-family: Helvetica, Arial, sans-serif;\r\n  box-shadow: 12px 18px 48px 0 rgba(14, 20, 26, 0.6);\r\n  overflow: hidden;\r\n  -webkit-border-radius: 6px;\r\n  -moz-border-radius: 6px;\r\n  border-radius: 6px;\r\n  -webkit-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -moz-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -o-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n}\r\n.application-topbar {\r\n  position: relative;\r\n  padding: 3px 12px;\r\n  zoom: 1;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n}\r\n.application-topbar:after {\r\n  content: ' ';\r\n  display: table;\r\n  clear: both;\r\n}\r\n.application-actions-container {\r\n  position: absolute;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n.application-action,\r\n.application-actions-container {\r\n  float: left;\r\n}\r\n.application-action {\r\n  width: 8px;\r\n  height: 8px;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  border-radius: 50%;\r\n}\r\n.application-action.application-action-close {\r\n  background-color: #ff4040;\r\n}\r\n.application-action.application-action-minimize {\r\n  background-color: #ffb700;\r\n}\r\n.application-action.application-action-maximize {\r\n  background-color: #00ae55;\r\n}\r\n.application-action + .application-action {\r\n  margin-left: 6px;\r\n}\r\n.application-title-container {\r\n  padding-left: 45px;\r\n  font-size: 10px;\r\n  text-align: center;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n  letter-spacing: 0.5px;\r\n}\r\n.application-content-container {\r\n  overflow: auto;\r\n}\r\n.application-line,\r\n.editor-line {\r\n  position: relative;\r\n  padding: 0 6px;\r\n  min-height: 24px;\r\n  font-size: 14px;\r\n  line-height: 24px;\r\n  font-family: monospace;\r\n  zoom: 1;\r\n}\r\n.application-line:after,\r\n.editor-line:after {\r\n  content: ' ';\r\n  display: table;\r\n  clear: both;\r\n}\r\n.cursor {\r\n  display: inline-block;\r\n  height: 24px;\r\n}\r\n.cursor.cursor-active {\r\n  position: relative;\r\n}\r\n.cursor.cursor-active:after {\r\n  position: absolute;\r\n  content: ' ';\r\n  top: 50%;\r\n  right: -3px;\r\n  width: 1px;\r\n  height: 17px;\r\n  animation: 0.7s blink ease-in-out infinite;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n.cursor.cursor-active.is-typing:after {\r\n  right: 0;\r\n  background-color: hsla(0, 0%, 100%, 0.5);\r\n  animation: none;\r\n}\r\n@-moz-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@-webkit-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@-o-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n.editor-line-number,\r\n.editor-line-text {\r\n  margin: 0;\r\n  height: 24px;\r\n}\r\n.editor-line-number {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  padding-left: 6px;\r\n  width: 25px;\r\n  text-align: right;\r\n  opacity: 0.5;\r\n}\r\n.editor-line-text {\r\n  padding-left: 50px;\r\n}\r\n.cursor {\r\n  display: inline-block;\r\n  height: 24px;\r\n}\r\n.cursor.cursor-active {\r\n  position: relative;\r\n}\r\n.cursor.cursor-active:after {\r\n  position: absolute;\r\n  content: ' ';\r\n  top: 50%;\r\n  right: -3px;\r\n  width: 1px;\r\n  height: 17px;\r\n  animation: 0.7s blink ease-in-out infinite;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n.cursor.cursor-active.is-typing:after {\r\n  right: 0;\r\n  background-color: hsla(0, 0%, 100%, 0.5);\r\n  animation: none;\r\n}\r\n@-moz-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@-webkit-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@-o-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n.cursor {\r\n  display: inline-block;\r\n  height: 24px;\r\n}\r\n.cursor.cursor-active {\r\n  position: relative;\r\n}\r\n.cursor.cursor-active:after {\r\n  position: absolute;\r\n  content: ' ';\r\n  top: 50%;\r\n  right: -3px;\r\n  width: 1px;\r\n  height: 17px;\r\n  animation: 0.7s blink ease-in-out infinite;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n.cursor.cursor-active.is-typing:after {\r\n  right: 0;\r\n  background-color: hsla(0, 0%, 100%, 0.5);\r\n  animation: none;\r\n}\r\n@-moz-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@-webkit-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@-o-keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n@keyframes blink {\r\n  0% {\r\n    background-color: #fff;\r\n  }\r\n  to {\r\n    background-color: transparent;\r\n  }\r\n}\r\n.terminal-command-line-prompt-string {\r\n  float: left;\r\n  margin-right: 10px;\r\n  color: #2898dd;\r\n}\r\n.terminal-command-line-text {\r\n  height: 24px;\r\n  color: #fff;\r\n}\r\n.application {\r\n  background-color: #0e141a;\r\n  color: hsla(0, 0%, 100%, 0.5);\r\n  font-family: Helvetica, Arial, sans-serif;\r\n  box-shadow: 12px 18px 48px 0 rgba(14, 20, 26, 0.6);\r\n  overflow: hidden;\r\n  -webkit-border-radius: 6px;\r\n  -moz-border-radius: 6px;\r\n  border-radius: 6px;\r\n  -webkit-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -moz-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  -o-transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n  transition: all 0s cubic-bezier(0.08, 0.69, 0.485, 0.99);\r\n}\r\n.application-topbar {\r\n  position: relative;\r\n  padding: 3px 12px;\r\n  zoom: 1;\r\n  -webkit-box-sizing: border-box;\r\n  -moz-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n}\r\n.application-topbar:after {\r\n  content: ' ';\r\n  display: table;\r\n  clear: both;\r\n}\r\n.application-actions-container {\r\n  position: absolute;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n}\r\n.application-action,\r\n.application-actions-container {\r\n  float: left;\r\n}\r\n.application-action {\r\n  width: 8px;\r\n  height: 8px;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  border-radius: 50%;\r\n}\r\n.application-action.application-action-close {\r\n  background-color: #ff4040;\r\n}\r\n.application-action.application-action-minimize {\r\n  background-color: #ffb700;\r\n}\r\n.application-action.application-action-maximize {\r\n  background-color: #00ae55;\r\n}\r\n.application-action + .application-action {\r\n  margin-left: 6px;\r\n}\r\n.application-title-container {\r\n  padding-left: 45px;\r\n  font-size: 10px;\r\n  text-align: center;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n  letter-spacing: 0.5px;\r\n}\r\n.application-content-container {\r\n  overflow: auto;\r\n}\r\n.application-line,\r\n.terminal-line {\r\n  position: relative;\r\n  padding: 0 6px;\r\n  min-height: 24px;\r\n  font-size: 14px;\r\n  line-height: 24px;\r\n  font-family: monospace;\r\n  zoom: 1;\r\n}\r\n.application-line:after,\r\n.terminal-line:after {\r\n  content: ' ';\r\n  display: table;\r\n  clear: both;\r\n}\r\n.terminal-line > div {\r\n  white-space: nowrap;\r\n}\r\n.terminal-response-line-text {\r\n  margin: 0;\r\n}\r\n.terminal-response-line-text.terminal-response-line-plain-text {\r\n  white-space: pre;\r\n}\r\n\r\n\r\ncode[class*=\"language-\"],\r\npre[class*=\"language-\"] {\r\n\tcolor: #f8f8f2;\r\n\tbackground: none;\r\n\ttext-shadow: 0 1px rgba(0, 0, 0, 0.3);\r\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\r\n\ttext-align: left;\r\n\twhite-space: pre;\r\n\tword-spacing: normal;\r\n\tword-break: normal;\r\n\tword-wrap: normal;\r\n\tline-height: 1.5;\r\n\r\n\t-moz-tab-size: 4;\r\n\t-o-tab-size: 4;\r\n\ttab-size: 4;\r\n\r\n\t-webkit-hyphens: none;\r\n\t-moz-hyphens: none;\r\n\t-ms-hyphens: none;\r\n\thyphens: none;\r\n}\r\n\r\n\/* Code blocks *\/\r\npre[class*=\"language-\"] {\r\n\tpadding: 1em;\r\n\tmargin: .5em 0;\r\n\toverflow: auto;\r\n\tborder-radius: 0.3em;\r\n}\r\n\r\n:not(pre) > code[class*=\"language-\"],\r\npre[class*=\"language-\"] {\r\n\tbackground: #272822;\r\n}\r\n\r\n\/* Inline code *\/\r\n:not(pre) > code[class*=\"language-\"] {\r\n\tpadding: .1em;\r\n\tborder-radius: .3em;\r\n\twhite-space: normal;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n\tcolor: slategray;\r\n}\r\n\r\n.token.punctuation {\r\n\tcolor: #f8f8f2;\r\n}\r\n\r\n.namespace {\r\n\topacity: .7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n\tcolor: #f92672;\r\n}\r\n\r\n.token.boolean,\r\n.token.number {\r\n\tcolor: #ae81ff;\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.inserted {\r\n\tcolor: #a6e22e;\r\n}\r\n\r\n.token.operator,\r\n.token.entity,\r\n.token.url,\r\n.language-css .token.string,\r\n.style .token.string,\r\n.token.variable {\r\n\tcolor: #f8f8f2;\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.function,\r\n.token.class-name {\r\n\tcolor: #e6db74;\r\n}\r\n\r\n.token.keyword {\r\n\tcolor: #66d9ef;\r\n}\r\n\r\n.token.regex,\r\n.token.important {\r\n\tcolor: #fd971f;\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n\tfont-weight: bold;\r\n}\r\n.token.italic {\r\n\tfont-style: italic;\r\n}\r\n\r\n.token.entity {\r\n\tcursor: help;\r\n}\r\n\r\npre[class*=\"language-\"].line-numbers {\r\n\tposition: relative;\r\n\tpadding-left: 3.8em;\r\n\tcounter-reset: linenumber;\r\n}\r\n\r\npre[class*=\"language-\"].line-numbers > code {\r\n\tposition: relative;\r\n\twhite-space: inherit;\r\n}\r\n\r\n.line-numbers .line-numbers-rows {\r\n\tposition: absolute;\r\n\tpointer-events: none;\r\n\ttop: 0;\r\n\tfont-size: 100%;\r\n\tleft: -3.8em;\r\n\twidth: 3em; \/* works for line-numbers below 1000 lines *\/\r\n\tletter-spacing: -1px;\r\n\tborder-right: 1px solid #999;\r\n\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\r\n}\r\n\r\n\t.line-numbers-rows > span {\r\n\t\tpointer-events: none;\r\n\t\tdisplay: block;\r\n\t\tcounter-increment: linenumber;\r\n\t}\r\n\r\n\t\t.line-numbers-rows > span:before {\r\n\t\t\tcontent: counter(linenumber);\r\n\t\t\tcolor: #999;\r\n\t\t\tdisplay: block;\r\n\t\t\tpadding-right: 0.8em;\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\r\ndiv.code-toolbar {\r\n\tposition: relative;\r\n}\r\n\r\ndiv.code-toolbar > .toolbar {\r\n\tposition: absolute;\r\n\ttop: .3em;\r\n\tright: .2em;\r\n\ttransition: opacity 0.3s ease-in-out;\r\n\topacity: 0;\r\n}\r\n\r\ndiv.code-toolbar:hover > .toolbar {\r\n\topacity: 1;\r\n}\r\n\r\ndiv.code-toolbar > .toolbar .toolbar-item {\r\n\tdisplay: inline-block;\r\n}\r\n\r\ndiv.code-toolbar > .toolbar a {\r\n\tcursor: pointer;\r\n}\r\n\r\ndiv.code-toolbar > .toolbar button {\r\n\tbackground: none;\r\n\tborder: 0;\r\n\tcolor: inherit;\r\n\tfont: inherit;\r\n\tline-height: normal;\r\n\toverflow: visible;\r\n\tpadding: 0;\r\n\t-webkit-user-select: none; \/* for button *\/\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n}\r\n\r\ndiv.code-toolbar > .toolbar a,\r\ndiv.code-toolbar > .toolbar button,\r\ndiv.code-toolbar > .toolbar span {\r\n\tcolor: #bbb;\r\n\tfont-size: .8em;\r\n\tpadding: 0 .5em;\r\n\tbackground: #f5f2f0;\r\n\tbackground: rgba(224, 224, 224, 0.2);\r\n\tbox-shadow: 0 2px 0 0 rgba(0,0,0,0.2);\r\n\tborder-radius: .5em;\r\n}\r\n\r\ndiv.code-toolbar > .toolbar a:hover,\r\ndiv.code-toolbar > .toolbar a:focus,\r\ndiv.code-toolbar > .toolbar button:hover,\r\ndiv.code-toolbar > .toolbar button:focus,\r\ndiv.code-toolbar > .toolbar span:hover,\r\ndiv.code-toolbar > .toolbar span:focus {\r\n\tcolor: inherit;\r\n\ttext-decoration: none;\r\n}\r\n\r\n\r\n<\/style>\r\n","protected":false},"excerpt":{"rendered":"<p>bash $ {&quot;url&quot;:&quot;URL&quot;,&quot;html&quot;:&quot;&lt;!DOCTYPE html&gt;&lt;html lang=\\&quot;en\\&quot;&gt;JavaScript Rendered Page Content&#8230;&lt;\/html&gt;&quot;} $ Proxy API for JavaScript Rendered Content Scraping&#8230; Our story Having built many web scraper WordPress plugins, we repeatedly went through the tiresome process of finding proxies, setting up headless browsers, and handling user agents. That\u2019s why we decided to start HeadlessBrowserAPI, it handles all of this &#8230;.&nbsp;&nbsp;<a class=\" special\" href=\"https:\/\/headlessbrowserapi.com\/about\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/headlessbrowserapi.com\/apis\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/headlessbrowserapi.com\/apis\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/headlessbrowserapi.com\/apis\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/headlessbrowserapi.com\/apis\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/headlessbrowserapi.com\/apis\/wp\/v2\/comments?post=15"}],"version-history":[{"count":43,"href":"https:\/\/headlessbrowserapi.com\/apis\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":578,"href":"https:\/\/headlessbrowserapi.com\/apis\/wp\/v2\/pages\/15\/revisions\/578"}],"wp:attachment":[{"href":"https:\/\/headlessbrowserapi.com\/apis\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}