{"id":233,"date":"2018-09-17T20:18:26","date_gmt":"2018-09-17T20:18:26","guid":{"rendered":"https:\/\/www.rochen.com\/docs\/?post_type=ht_kb&#038;p=233"},"modified":"2021-04-28T20:50:27","modified_gmt":"2021-04-28T20:50:27","slug":"using-virtual-hosts-chrome-extension-to-preview-sites","status":"publish","type":"ht_kb","link":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/","title":{"rendered":"Using &#8220;Virtual Hosts&#8221; Chrome Extension to Preview Sites"},"content":{"rendered":"<p>There is a nifty Chrome extension that can be used as an alternative to a modified hosts file for easily reviewing your sites prior to changing DNS.<\/p>\n<p>This extension can be found here:<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/virtual-hosts\/aiehidpclglccialeifedhajckcpedom\" target=\"_blank\" rel=\"noopener\">https:\/\/chrome.google.com\/webstore\/detail\/virtual-hosts\/aiehidpclglccialeifedhajckcpedom<\/a><\/p>\n<p>Once installed, you should see a button in the upper right corner of your browser window that looks like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-235\" src=\"https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts.png\" alt=\"\" width=\"860\" height=\"703\" srcset=\"https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts.png 860w, https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts-300x245.png 300w, https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts-768x628.png 768w, https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts-50x41.png 50w, https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts-60x49.png 60w, https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts-100x82.png 100w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/p>\n<p>When you click the button, you should see three options available:<\/p>\n<p>VHost Domain:\u00a0You&#8217;ll enter your domain name here. Note that if your site redirects to the &#8216;www&#8217; subdomain, be sure to specify &#8216;www.yourdomain.tld&#8217; here.<\/p>\n<p>VHost IP:\u00a0This is your account&#8217;s public IP address, which can be found in your MyRochen &#8216;Manage Hosting&#8217; page for the plan, or via the &#8216;System Information&#8217; page in cPanel.<\/p>\n<p>Enable:\u00a0Leave this ticked to activate the extension, or disable it when not needed.<\/p>\n<p>Now you can simply navigate to your domain in your browser and it should load from your Rochen IP. You&#8217;ll notice the IP address is what is shown in your browser&#8217;s location bar, but what you have set as the &#8220;VHost Domain&#8221; is actually being sent to the server when you request a page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There is a nifty Chrome extension that can be used as an alternative to a modified hosts file for easily reviewing your sites prior to changing DNS. This extension can be found here: https:\/\/chrome.google.com\/webstore\/detail\/virtual-hosts\/aiehidpclglccialeifedhajckcpedom Once installed, you should see a button in the upper right corner of your browser window&#8230;<\/p>\n","protected":false},"author":2,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[31],"ht-kb-tag":[114,122,117,100,101,115],"class_list":["post-233","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-installation-and-getting-started","ht_kb_tag-dns","ht_kb_tag-hostsfile","ht_kb_tag-temporary-access","ht_kb_tag-temporary-url","ht_kb_tag-test-url","ht_kb_tag-testing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using &quot;Virtual Hosts&quot; Chrome Extension to Preview Sites - Rochen Documentation<\/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:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using &quot;Virtual Hosts&quot; Chrome Extension to Preview Sites - Rochen Documentation\" \/>\n<meta property=\"og:description\" content=\"There is a nifty Chrome extension that can be used as an alternative to a modified hosts file for easily reviewing your sites prior to changing DNS. This extension can be found here: https:\/\/chrome.google.com\/webstore\/detail\/virtual-hosts\/aiehidpclglccialeifedhajckcpedom Once installed, you should see a button in the upper right corner of your browser window...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/\" \/>\n<meta property=\"og:site_name\" content=\"Rochen Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-28T20:50:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/documentation\\\/using-virtual-hosts-chrome-extension-to-preview-sites\\\/\",\"url\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/documentation\\\/using-virtual-hosts-chrome-extension-to-preview-sites\\\/\",\"name\":\"Using \\\"Virtual Hosts\\\" Chrome Extension to Preview Sites - Rochen Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/documentation\\\/using-virtual-hosts-chrome-extension-to-preview-sites\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/documentation\\\/using-virtual-hosts-chrome-extension-to-preview-sites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/178virtualhosts.png\",\"datePublished\":\"2018-09-17T20:18:26+00:00\",\"dateModified\":\"2021-04-28T20:50:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/documentation\\\/using-virtual-hosts-chrome-extension-to-preview-sites\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rochen.com\\\/docs\\\/documentation\\\/using-virtual-hosts-chrome-extension-to-preview-sites\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/documentation\\\/using-virtual-hosts-chrome-extension-to-preview-sites\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/178virtualhosts.png\",\"contentUrl\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/wp-content\\\/uploads\\\/2018\\\/09\\\/178virtualhosts.png\",\"width\":860,\"height\":703},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/documentation\\\/using-virtual-hosts-chrome-extension-to-preview-sites\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using &#8220;Virtual Hosts&#8221; Chrome Extension to Preview Sites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/\",\"name\":\"Rochen Documentation\",\"description\":\"Official documentation for Rochen&#039;s web hosting services as well as helpful articles for CMS like WordPress, Joomla and Drupal.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.rochen.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using \"Virtual Hosts\" Chrome Extension to Preview Sites - Rochen Documentation","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.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/","og_locale":"en_US","og_type":"article","og_title":"Using \"Virtual Hosts\" Chrome Extension to Preview Sites - Rochen Documentation","og_description":"There is a nifty Chrome extension that can be used as an alternative to a modified hosts file for easily reviewing your sites prior to changing DNS. This extension can be found here: https:\/\/chrome.google.com\/webstore\/detail\/virtual-hosts\/aiehidpclglccialeifedhajckcpedom Once installed, you should see a button in the upper right corner of your browser window...","og_url":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/","og_site_name":"Rochen Documentation","article_modified_time":"2021-04-28T20:50:27+00:00","og_image":[{"url":"https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/","url":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/","name":"Using \"Virtual Hosts\" Chrome Extension to Preview Sites - Rochen Documentation","isPartOf":{"@id":"https:\/\/www.rochen.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/#primaryimage"},"image":{"@id":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts.png","datePublished":"2018-09-17T20:18:26+00:00","dateModified":"2021-04-28T20:50:27+00:00","breadcrumb":{"@id":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/#primaryimage","url":"https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts.png","contentUrl":"https:\/\/www.rochen.com\/docs\/wp-content\/uploads\/2018\/09\/178virtualhosts.png","width":860,"height":703},{"@type":"BreadcrumbList","@id":"https:\/\/www.rochen.com\/docs\/documentation\/using-virtual-hosts-chrome-extension-to-preview-sites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rochen.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Using &#8220;Virtual Hosts&#8221; Chrome Extension to Preview Sites"}]},{"@type":"WebSite","@id":"https:\/\/www.rochen.com\/docs\/#website","url":"https:\/\/www.rochen.com\/docs\/","name":"Rochen Documentation","description":"Official documentation for Rochen&#039;s web hosting services as well as helpful articles for CMS like WordPress, Joomla and Drupal.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rochen.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/ht-kb\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":1,"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/ht-kb\/233\/revisions"}],"predecessor-version":[{"id":1743,"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/ht-kb\/233\/revisions\/1743"}],"wp:attachment":[{"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/media?parent=233"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=233"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.rochen.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}