{"id":422,"date":"2016-04-05T11:10:28","date_gmt":"2016-04-05T14:10:28","guid":{"rendered":"http:\/\/gianfratti.com\/?p=422"},"modified":"2016-04-05T11:42:41","modified_gmt":"2016-04-05T14:42:41","slug":"como-testar-layouts-responsivos","status":"publish","type":"post","link":"https:\/\/gianfratti.com\/index.php\/como-testar-layouts-responsivos\/","title":{"rendered":"Como testar layouts responsivos"},"content":{"rendered":"<p>Partimos do principio que voc\u00ea j\u00e1 sabe como criar layouts e desenvolver um site responsivo. Na verdade seu projeto j\u00e1 est\u00e1 quase pronto. A \u00faltima etapa \u00e9 testar o funcionamento! \ud83d\ude42<br \/>\nExistem diversas maneira de garantir a efetividade do layout.<!--more-->A primeira delas, e mais \u00f3bvia, \u00e9 testando ao vivo em diversos dispositivos.<br \/>\nEm um mundo ideal voc\u00ea deveria testar o seu layout na maior quantidade de aparelhos, browsers e sistemas operacionais poss\u00edveis! Alias, voc\u00ea pode at\u00e9 ser fan\u00e1tico por isto e incomodar seus amigos e visualizar o layout em um celular diferente dizendo \u201cposso testar uma coisa rapidinho?\u201d.<br \/>\nSe quiser manter seus amigos e garantir que o seu layout est\u00e1 bacana em diferentes dispositivos voc\u00ea pode utilizar algumas das solu\u00e7\u00f5es abaixo.<\/p>\n<p><a href=\"http:\/\/quirktools.com\/screenfly\/\" target=\"_blank\">Screenfly<\/a><br \/>\nO Screenfly possui uma grande gama de aparelhos (incluindo at\u00e9 televisores). \u00c9 poss\u00edvel compartilhar as capturas de tela, modificar a orienta\u00e7\u00e3o e determinar manualmente um breakpoint. A r\u00e9gua de pixels tamb\u00e9m quebra um galho. Para utilizar o sistema basta digitar a URL que o Screenfly cuida do resto.<\/p>\n<p><a href=\"http:\/\/mobitest.akamai.com\/m\/index.cgi\" target=\"_blank\">Mobitest<\/a><br \/>\nFerramenta online para teste de performance, sua p\u00e1gina ser\u00e1 carregada em um dispositivo m\u00f3vel real, e voc\u00ea receber\u00e1 os detalhes sobre quanto tempo demorou para carregar, incluindo gr\u00e1ficos em cascata e grava\u00e7\u00e3o de v\u00eddeo do carregamento da p\u00e1gina.<\/p>\n<p><a href=\"http:\/\/www.responsinator.com\/\" target=\"_blank\">Responsinator<\/a><br \/>\nO Responsinator \u00e9 uma ferrameta online que ajuda a obter rapidamente uma indica\u00e7\u00e3o de como o seu site vai ser visto nos dispositivos mais populares.<\/p>\n<p><a href=\"http:\/\/www.opera.com\/pt-br\/developer\/mobile-emulator\" target=\"_blank\">Opera Mobile Emulator<\/a><br \/>\nEste emulador tem uma grande lista de dispositivos para testes,\u00a0 \u00e9 super simples de instalar e permite que voc\u00ea fa\u00e7a desenvolvimento m\u00f3vel a partir do seu desktop.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Partimos do principio que voc\u00ea j\u00e1 sabe como criar layouts e desenvolver um site responsivo. Na verdade seu projeto j\u00e1 est\u00e1 quase pronto. A \u00faltima etapa \u00e9 testar o funcionamento! \ud83d\ude42 Existem diversas maneira de garantir a efetividade do layout.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[79,1],"tags":[81,80],"class_list":["post-422","post","type-post","status-publish","format-standard","hentry","category-responsivo","category-sem-categoria","tag-mobile","tag-responsivo"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/comments?post=422"}],"version-history":[{"count":3,"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/422\/revisions"}],"predecessor-version":[{"id":425,"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/posts\/422\/revisions\/425"}],"wp:attachment":[{"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/media?parent=422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/categories?post=422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gianfratti.com\/index.php\/wp-json\/wp\/v2\/tags?post=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}