Waiting for CSS

Using the wait_for_css parameter, you can make the API wait for 10 seconds until a CSS selector appears. The waiting time is set using the timeout parameter; in case of failure, its value can be customized.

If after 10 seconds, the CSS selector does not appear in DOM, the request is marked as failed, and thus, you will not be charged for it.

You can find on the right side a sample selector for the wait_for_css parameter. The API will look for an element that has .firstHeading class.

Wait for CSS examples

GET https://scrape.shifter.io/v1?api_key=api_key&url=https://example.com&wait_for_css=.firstHeading&render_js=1

⇡ Input

curl --request GET --url "https://scrape.shifter.io/v1?api_key=api_key&url=https://example.com&wait_for_css=.firstHeading&render_js=1"

⇣ Output

<!doctype html>
  <title>Example Domain</title>

  <meta charset="utf-8" />
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <style type="text/css">
  body {
    background-color: #f0f0f2;
    margin: 0;
    padding: 0;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  div {
    width: 600px;
    margin: 5em auto;
    padding: 2em;
    background-color: #fdfdff;
    border-radius: 0.5em;
    box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.02);
  a:link, a:visited {
    color: #38488f;
    text-decoration: none;
  @media (max-width: 700px) {
    div {
      margin: 0 auto;
      width: auto;

  <h1>Example Domain</h1>
  <p>This domain is for use in illustrative examples in documents. You may use this
  domain in literature without prior coordination or asking for permission.</p>
  <p><a href="https://www.iana.org/domains/example">More information...</a></p>

Last updated