{"id":254,"date":"2011-10-05T01:33:12","date_gmt":"2011-10-04T23:33:12","guid":{"rendered":"http:\/\/demianlabs.com\/lab\/?p=254"},"modified":"2013-08-25T16:36:18","modified_gmt":"2013-08-25T14:36:18","slug":"how-to-test-your-mobile-web-site-or-app-across-multiple-devices","status":"publish","type":"post","link":"https:\/\/demianlabs.com\/lab\/post\/how-to-test-your-mobile-web-site-or-app-across-multiple-devices\/","title":{"rendered":"How to test your mobile web site or app across multiple devices"},"content":{"rendered":"<p><a title=\"Test mobile sites and web applications\" href=\"http:\/\/mobiletest.me\/\">MobileTest.me<\/a> is a tool that allows you to see how your web site or app looks across different mobile devices and resolutions. You select a device, type the URL you want to test and it will show you the selected device displaying your website in the device&#8217;s original resolution. As you can see in the picture below all types of devices are covered, from the relatively small Samsung S3650 to the iPad.<\/p>\n<p><a href=\"http:\/\/mobiletest.me\/\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-255\" title=\"Phone selector\" alt=\"Phone selector\" src=\"https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/front.png\" width=\"700\" height=\"529\" srcset=\"https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/front.png 700w, https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/front-300x226.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Everytime you test a different website, the URL changes dynamicaly. This allows you to send the exact same test to someone just by sharing the URL. For example <a title=\"Google nexus one test\" href=\"http:\/\/bit.ly\/ob0p4c\">this link<\/a> is a classic responsive design example by a list apart as seen on the Google Nexus one in landscape mode. Real life scenarios include showing completed work to clients or pointing out bugs and errors to collueagues.<\/p>\n<p>Click on any of the images bellow to see the corresponding test.<\/p>\n<p><a href=\"http:\/\/mobiletest.me\/#d=ipad&amp;u=http:\/\/clearairchallenge.com\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-256\" title=\"ipad test\" alt=\"ipad test\" src=\"https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/ipad.png\" width=\"700\" height=\"927\" srcset=\"https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/ipad.png 700w, https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/ipad-226x300.png 226w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/mobiletest.me\/#d=sonyx10l&amp;u=http:\/\/earthhour.fr\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-257\" style=\"border-style: initial; border-color: initial;\" title=\"sony xperia x10 test\" alt=\"sony xperia x10 test\" src=\"https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/sony-xperia-x10.png\" width=\"700\" height=\"453\" srcset=\"https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/sony-xperia-x10.png 700w, https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/sony-xperia-x10-300x194.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/mobiletest.me\/#d=nexusone&amp;u=http:\/\/www.alistapart.com\/d\/responsive-web-design\/ex\/ex-site-FINAL.html\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-258\" title=\"nexus one test\" alt=\"nexus one test\" src=\"https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/nexus-one.png\" width=\"700\" height=\"978\" srcset=\"https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/nexus-one.png 700w, https:\/\/demianlabs.com\/lab\/wp-content\/uploads\/nexus-one-214x300.png 214w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>MobileTest.me is a tool that allows you to see how your web site or app looks across different mobile devices and resolutions. You select a device, type the URL you want to test and it will show you the selected device displaying your website in the device&#8217;s original resolution. As you can see in the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-254","post","type-post","status-publish","format-standard","hentry","category-demian-labs"],"_links":{"self":[{"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/posts\/254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/comments?post=254"}],"version-history":[{"count":7,"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/posts\/254\/revisions"}],"predecessor-version":[{"id":264,"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/posts\/254\/revisions\/264"}],"wp:attachment":[{"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/media?parent=254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/categories?post=254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demianlabs.com\/lab\/wp-json\/wp\/v2\/tags?post=254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}