{"id":652,"date":"2021-07-20T11:08:52","date_gmt":"2021-07-20T03:08:52","guid":{"rendered":"https:\/\/rexy.cafe\/?p=652"},"modified":"2021-09-23T22:09:34","modified_gmt":"2021-09-23T14:09:34","slug":"i-love-adaptive-handy-tool-for-checking-rwd-on-different-devices","status":"publish","type":"post","link":"https:\/\/rexy.cafe\/i-love-adaptive-handy-tool-for-checking-rwd-on-different-devices\/","title":{"rendered":"I Love Adaptive &#8211; Handy Tool for RWD testing on Different Devices"},"content":{"rendered":"\n<p>I used to make websites with WIX or Weebly and even built this RexyCafe with WordPress. It doesn&#8217;t matter what application you use, RWD(responsive&nbsp;web&nbsp;design) is very important because statistics have shown people are browsing websites through mobile devices more often than desktop. If UI \/ UX isn&#8217;t good for the readers, they will leave and stop reading your blog or browsing your website. <\/p>\n\n\n\n<p>One thing web developers encounter is that you don&#8217;t know how it looks on all kinds of different mobile devices. Even WIX and WordPress provide the &#8220;mobile&#8221; mode for you to check how it will adaptive to different sizes of phones and tablets. However, it&#8217;s not always 100% precise and correct. <\/p>\n\n\n<p class=\"txt\"> I Love Adaptive<br \/>\n<a href=\"http:\/\/iloveadaptive.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/iloveadaptive.com\/<\/a><\/p>\n\n\n\n<p>This nice handy tool will help developers to make sure that RWD is working properly on EVERY SINGLE DEVICE. It not only saves developers time to find real devices for testing but is also quite easy to use. Without further&nbsp;ado, Let&#8217;s get on it. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Instruction<\/h2>\n\n\n<p class=\"step\">step 1<\/p>\n\n\n\n<p>Open <a href=\"http:\/\/iloveadaptive.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">I Love Adaptive<\/a> website and enter your URL.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_001-1024x506.jpg\" alt=\"Iloveadaptive_001\" class=\"wp-image-658\" srcset=\"https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_001-1024x506.jpg 1024w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_001-300x148.jpg 300w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_001-768x380.jpg 768w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_001-1536x759.jpg 1536w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_001.jpg 1897w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<p class=\"step\">step 2<\/p>\n\n\n\n<p>Wait for a minute, you will see the default setting of the common iPhone sizes. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_002-1024x503.jpg\" alt=\"Iloveadaptive_002\" class=\"wp-image-659\" srcset=\"https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_002-1024x503.jpg 1024w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_002-300x147.jpg 300w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_002-768x377.jpg 768w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_002-1536x754.jpg 1536w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_002.jpg 1898w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<p class=\"step\">step 3<\/p>\n\n\n\n<p>If you would like to see how it works on Android devices, just click the icon next to the Apple sign. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_003-1024x504.jpg\" alt=\"Iloveadaptive_003\" class=\"wp-image-660\" srcset=\"https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_003-1024x504.jpg 1024w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_003-300x148.jpg 300w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_003-768x378.jpg 768w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_003-1536x756.jpg 1536w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_003.jpg 1899w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<p class=\"step\">step 4<\/p>\n\n\n\n<p>Under DEVICES, click the middle icon and you will see the common tablet such as iPad mini, iPad Pro. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_004-1024x504.jpg\" alt=\"Iloveadaptive_004\" class=\"wp-image-661\" srcset=\"https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_004-1024x504.jpg 1024w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_004-300x148.jpg 300w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_004-768x378.jpg 768w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_004-1536x756.jpg 1536w, https:\/\/rexy.cafe\/wp-content\/uploads\/2021\/07\/adaptive_004.jpg 1900w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Voil\u00e0 ! Now you have checked all the devices&#8217; RWD(responsive&nbsp;web&nbsp;design) web design. Congrats !!<\/p>\n\n\n<p class=\"txt\"> Quick Recap :<br \/>\n1. Free and no registration required<br \/>\n2. It has all kinds of devices and sizes<br \/>\n3. Support custom size<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I used to make websites with WIX or Weebly and even built this RexyCafe with WordPress. It doesn&#8217;t matter what application you use, RWD(responsive&nbsp;web&nbsp;design) is very important because statistics have shown people are browsing websites through mobile devices more often &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/rexy.cafe\/i-love-adaptive-handy-tool-for-checking-rwd-on-different-devices\/\"> <span class=\"screen-reader-text\">I Love Adaptive &#8211; Handy Tool for RWD testing on Different Devices<\/span> Read More \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":658,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"no","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[9,13],"tags":[],"modified_by":"Rexy","_links":{"self":[{"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/posts\/652"}],"collection":[{"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/comments?post=652"}],"version-history":[{"count":0,"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/posts\/652\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/media\/658"}],"wp:attachment":[{"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/media?parent=652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/categories?post=652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rexy.cafe\/wp-json\/wp\/v2\/tags?post=652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}