{"id":325,"date":"2016-11-03T17:13:34","date_gmt":"2016-11-03T17:13:34","guid":{"rendered":"https:\/\/itgroove.net\/align\/?p=325"},"modified":"2023-02-23T15:43:06","modified_gmt":"2023-02-23T23:43:06","slug":"crossbrowsertesting-screenshots","status":"publish","type":"post","link":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/","title":{"rendered":"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username"},"content":{"rendered":"

We use a tool called CrossBrowserTesting<\/a> here at itgroove to verify that our websites are responsive. They have a Screenshots option where the tool will crawl through your site and take screenshots of it from all your desired resolutions, devices, and browsers. It’s pretty awesome.<\/p>\n

In some scenarios, we’ve had to password protect some WordPress clients before launching their site, in a way that all site testers\/users (i.e. the client) are able to view without logging in. For those situations, we’ve used a plugin that looks like the WordPress login field, except with no username – just a password.<\/p>\n

CrossBrowserTesting requires both<\/em> a username and<\/em> password field to take screenshots of protected sites. You can see that this could land someone in a bit of a predicament!<\/p>\n

I scratched my head, checked my browser’s dev tools for a solution, Googled, checked the CrossBrowserTesting support pages, spun my wheels a bit, then asked for help from our team. itgroove’s team lead, Alec<\/a> – the genius that he is (in my eyes) – swooped in with a solution. I don’t know how he knew how to do this, but I do know that there isn’t a blog post out there about it yet.<\/p>\n

Keep reading if you want to learn how to get screenshots in CrossBrowserTesting of a password protected site without a username.<\/h2>\n

First, you’re going to enter your site URL and click on Advanced Options.<\/p>\n

\"advanced-options\"<\/p>\n

Now, toggle your Login Profile<\/strong> to “On” and create a new profile, or edit your existing profile.<\/p>\n

\"login-profile\"<\/p>\n

Enter the Password Locator<\/strong> into the Username Locator<\/strong> field, and then just put the Login Credentials<\/strong> in twice.<\/p>\n

\"edit-login-profile\"<\/p>\n

Voila. Your CrossBrowserTesting screenshots are working!<\/h2>\n

I should also mention that this is just dummy data for the blog post. itgroove.net<\/a> is definitely a public website, but I wanted to show you how to do this without using a client example.<\/p>\n

Have you been stuck in this predicament? Did this post help you out?
\n<\/strong>Follow me on Twitter<\/a> and let me know you read this post, or show me some Instagram<\/a> love.<\/h3>\n","protected":false},"excerpt":{"rendered":"

We use a tool called CrossBrowserTesting here at itgroove to verify that our websites are responsive. They have a Screenshots option where the tool will crawl through your site and take screenshots of it from all your desired resolutions, devices, and browsers. It’s pretty awesome. In some scenarios, we’ve had to password protect some WordPress … <\/a><\/p>\n","protected":false},"author":5,"featured_media":329,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8,22],"tags":[52,53,54,55,79],"acf":[],"yoast_head":"\nCrossBrowserTesting Screenshots for Password Protected Pages Without a Username - Karin Skapski<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username - Karin Skapski\" \/>\n<meta property=\"og:description\" content=\"We use a tool called CrossBrowserTesting here at itgroove to verify that our websites are responsive. They have a Screenshots option where the tool will crawl through your site and take screenshots of it from all your desired resolutions, devices, and browsers. It’s pretty awesome. In some scenarios, we’ve had to password protect some WordPress …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/\" \/>\n<meta property=\"og:site_name\" content=\"Karin Skapski\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-03T17:13:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-23T23:43:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Karin Skapski (Alumni)\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Karin Skapski (Alumni)\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/\"},\"author\":{\"name\":\"Karin Skapski (Alumni)\",\"@id\":\"https:\/\/regroove.ca\/karin\/#\/schema\/person\/c23adfde46a8fa2ce372e3dda6b15f43\"},\"headline\":\"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username\",\"datePublished\":\"2016-11-03T17:13:34+00:00\",\"dateModified\":\"2023-02-23T23:43:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/\"},\"wordCount\":354,\"publisher\":{\"@id\":\"https:\/\/regroove.ca\/karin\/#\/schema\/person\/c23adfde46a8fa2ce372e3dda6b15f43\"},\"image\":{\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png\",\"keywords\":[\"crossbrowsertesting\",\"crossbrowsertesting help\",\"crossbrowsertesting screenshots\",\"crossbrowsertesting without username\",\"help crossbrowsertesting\"],\"articleSection\":[\"How To\",\"Web\"],\"inLanguage\":\"en-CA\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/\",\"url\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/\",\"name\":\"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username - Karin Skapski\",\"isPartOf\":{\"@id\":\"https:\/\/regroove.ca\/karin\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png\",\"datePublished\":\"2016-11-03T17:13:34+00:00\",\"dateModified\":\"2023-02-23T23:43:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#primaryimage\",\"url\":\"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png\",\"contentUrl\":\"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Karin Skapski's Blog\",\"item\":\"https:\/\/regroove.ca\/karin\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/regroove.ca\/karin\/#website\",\"url\":\"https:\/\/regroove.ca\/karin\/\",\"name\":\"Karin Skapski\",\"description\":\"Modern workplace technology and productivity insights.\",\"publisher\":{\"@id\":\"https:\/\/regroove.ca\/karin\/#\/schema\/person\/c23adfde46a8fa2ce372e3dda6b15f43\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/regroove.ca\/karin\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-CA\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/regroove.ca\/karin\/#\/schema\/person\/c23adfde46a8fa2ce372e3dda6b15f43\",\"name\":\"Karin Skapski (Alumni)\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\/\/regroove.ca\/karin\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a90333ec7bb16f7f8ba9981700b10933?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a90333ec7bb16f7f8ba9981700b10933?s=96&d=mm&r=g\",\"caption\":\"Karin Skapski (Alumni)\"},\"logo\":{\"@id\":\"https:\/\/regroove.ca\/karin\/#\/schema\/person\/image\/\"},\"url\":\"https:\/\/regroove.ca\/karin\/author\/kskapski\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username - Karin Skapski","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:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/","og_locale":"en_US","og_type":"article","og_title":"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username - Karin Skapski","og_description":"We use a tool called CrossBrowserTesting here at itgroove to verify that our websites are responsive. They have a Screenshots option where the tool will crawl through your site and take screenshots of it from all your desired resolutions, devices, and browsers. It’s pretty awesome. In some scenarios, we’ve had to password protect some WordPress …","og_url":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/","og_site_name":"Karin Skapski","article_published_time":"2016-11-03T17:13:34+00:00","article_modified_time":"2023-02-23T23:43:06+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png","type":"image\/png"}],"author":"Karin Skapski (Alumni)","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Karin Skapski (Alumni)","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#article","isPartOf":{"@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/"},"author":{"name":"Karin Skapski (Alumni)","@id":"https:\/\/regroove.ca\/karin\/#\/schema\/person\/c23adfde46a8fa2ce372e3dda6b15f43"},"headline":"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username","datePublished":"2016-11-03T17:13:34+00:00","dateModified":"2023-02-23T23:43:06+00:00","mainEntityOfPage":{"@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/"},"wordCount":354,"publisher":{"@id":"https:\/\/regroove.ca\/karin\/#\/schema\/person\/c23adfde46a8fa2ce372e3dda6b15f43"},"image":{"@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#primaryimage"},"thumbnailUrl":"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png","keywords":["crossbrowsertesting","crossbrowsertesting help","crossbrowsertesting screenshots","crossbrowsertesting without username","help crossbrowsertesting"],"articleSection":["How To","Web"],"inLanguage":"en-CA"},{"@type":"WebPage","@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/","url":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/","name":"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username - Karin Skapski","isPartOf":{"@id":"https:\/\/regroove.ca\/karin\/#website"},"primaryImageOfPage":{"@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#primaryimage"},"image":{"@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#primaryimage"},"thumbnailUrl":"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png","datePublished":"2016-11-03T17:13:34+00:00","dateModified":"2023-02-23T23:43:06+00:00","breadcrumb":{"@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#primaryimage","url":"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png","contentUrl":"https:\/\/regroove.ca\/karin\/wp-content\/uploads\/sites\/4\/2016\/11\/i3rtTgEY.png","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/regroove.ca\/karin\/crossbrowsertesting-screenshots\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Karin Skapski's Blog","item":"https:\/\/regroove.ca\/karin\/"},{"@type":"ListItem","position":2,"name":"CrossBrowserTesting Screenshots for Password Protected Pages Without a Username"}]},{"@type":"WebSite","@id":"https:\/\/regroove.ca\/karin\/#website","url":"https:\/\/regroove.ca\/karin\/","name":"Karin Skapski","description":"Modern workplace technology and productivity insights.","publisher":{"@id":"https:\/\/regroove.ca\/karin\/#\/schema\/person\/c23adfde46a8fa2ce372e3dda6b15f43"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/regroove.ca\/karin\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-CA"},{"@type":["Person","Organization"],"@id":"https:\/\/regroove.ca\/karin\/#\/schema\/person\/c23adfde46a8fa2ce372e3dda6b15f43","name":"Karin Skapski (Alumni)","image":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/regroove.ca\/karin\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a90333ec7bb16f7f8ba9981700b10933?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a90333ec7bb16f7f8ba9981700b10933?s=96&d=mm&r=g","caption":"Karin Skapski (Alumni)"},"logo":{"@id":"https:\/\/regroove.ca\/karin\/#\/schema\/person\/image\/"},"url":"https:\/\/regroove.ca\/karin\/author\/kskapski\/"}]}},"_links":{"self":[{"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/posts\/325"}],"collection":[{"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/comments?post=325"}],"version-history":[{"count":1,"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/posts\/325\/revisions"}],"predecessor-version":[{"id":1123,"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/posts\/325\/revisions\/1123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/media\/329"}],"wp:attachment":[{"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/media?parent=325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/categories?post=325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/regroove.ca\/karin\/wp-json\/wp\/v2\/tags?post=325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}