{"id":300551,"date":"2021-07-15T19:00:00","date_gmt":"2021-07-15T16:00:00","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-to-view-mobile-websites-on-your-computer-in-chrome\/"},"modified":"2021-07-15T19:00:00","modified_gmt":"2021-07-15T16:00:00","slug":"how-to-view-mobile-websites-on-your-computer-in-chrome","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-to-view-mobile-websites-on-your-computer-in-chrome\/","title":{"rendered":"#How to View Mobile Websites on Your Computer in Chrome"},"content":{"rendered":"<p><strong>&#8220;#How to View Mobile Websites on Your Computer in Chrome&#8221;<\/strong><\/p>\n<div id=\"post-739812\">\n<div class=\"entry-content e-content\">\n<img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage alignnone size-full wp-image-733691\" srcset=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/chrome-logo.png?width=398&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 400w, https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/chrome-logo.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 1200w\" sizes=\"auto, 400w, 1200w\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/chrome-logo.png?width=398&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Google Chrome logo.\" width=\"1200\" height=\"675\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The majority of internet usage now h<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>ens on phones and tablets, so you may want to check how a website looks on mobile. Google Chrome has a handy tool that lets you do that right from your desktop computer.<\/p>\n<p>Maybe you\u2019re doing web development and you want to test how <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.cloudsavvyit.com\/1434\/what-is-responsive-design-and-how-do-you-use-it\/\">responsive<\/a> your website is, or maybe you\u2019re just curious. Either way, you can quickly check from Chrome\u2019s \u201cInspect\u201d menu. We\u2019ll show you how it works.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Install or Uninstall the Google Chrome Browser<\/em><\/strong><\/p>\n<p>First, navigate to the website that you want to see in mobile view from Chrome on the desktop. Once there, you can do one of two things:<\/p>\n<ul>\n<li>Right-click on blank space and select \u201cInspect\u201d from the menu.<\/li>\n<li>Use the keyboard shortcut Ctrl + Shift + I (That\u2019s a capital \u201ci.\u201d).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-739933\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/07\/2021-07-07_12-08-58.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Open the &quot;Inspect&quot; menu.\" width=\"649\" height=\"320\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The Inspect menu will open from the right side of the browser window. All you need to do is click the device icon in the top toolbar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-739932\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/07\/2021-07-07_12-10-41.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"\" width=\"650\" height=\"284\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>The page will im<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/social-mediaa\/\" data-internallinksmanager029f6b8e52c=\"1\" title=\"Social Media\" target=\"_blank\" rel=\"noopener\">media<\/a>tely switch to a mobile layout. By default, it will be in \u201cResponsive\u201d mode, and you can drag the handle on the right side to see the page dynamically change as the screen gets wider.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-739931\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/07\/2021-07-07_12-13-00.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Drag the handle on the right side to see the page dynamically change.\" width=\"650\" height=\"373\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>You can also select the drop-down in the top bar and see the page formatted for specific devices.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-739930\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/07\/2021-07-07_12-14-38.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Click the drop down to change devices.\" width=\"618\" height=\"419\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Close the \u201cInspect\u201d menu or click the device icon again to switch back to the desktop layout.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-739929\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/07\/2021-07-07_12-15-50.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"Close the &quot;Inspect&quot; menu.\" width=\"608\" height=\"197\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>That\u2019s pretty much all there is to it. Now, you can easily view websites in a variety of different mobile layouts in Chrome without bothering to pick up your phone.<\/p>\n<p><strong>RELATED:<\/strong> <strong><em>How to Change Your Home Page in Google Chrome<\/em><\/strong><\/p>\n<\/div>\n<p><!-- .entry-content --><br \/>\n<!-- .entry-footer --><\/div>\n<p><script>\n setTimeout(function(){\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s) } (window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '335401813750447');\n   fbq('track', 'PageView');\n  },3000);\n<\/script><\/p>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/739812\/how-to-view-mobile-websites-on-your-computer-in-chrome\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#How to View Mobile Websites on Your Computer in Chrome&#8221; The majority of internet usage now happens on phones and tablets, so you may want to check how a website looks on mobile. Google Chrome has a handy tool that lets you do that right from your desktop computer. Maybe you\u2019re doing web development and&#8230;<\/p>\n","protected":false},"author":1,"featured_media":300552,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/06\/chrome-logo.png?height=200p&trim=2,2,2,2","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-300551","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/300551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=300551"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/300551\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/300552"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=300551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=300551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=300551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}