{"id":87,"date":"2017-10-04T15:00:13","date_gmt":"2017-10-04T18:00:13","guid":{"rendered":"https:\/\/programathor.com.br\/blog\/?p=87"},"modified":"2021-07-12T12:36:20","modified_gmt":"2021-07-12T15:36:20","slug":"top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar","status":"publish","type":"post","link":"https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/","title":{"rendered":"Top 5 extens\u00f5es do Chrome que todo programador deveria baixar"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Todos sabem da qualidade do poderoso navegador criado pela Google, mas poucos j\u00e1 se aventuraram mais a fundo e exploraram todas as suas possibilidades. Muitas das op\u00e7\u00f5es dispon\u00edveis para os usu\u00e1rios envolvem as chamadas \u201cextens\u00f5es\u201d, criadas para executar tarefas no navegador em alguns sites, facilitar determinados procedimentos ou at\u00e9 mesmo para personaliza\u00e7\u00e3o.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">N\u00e3o \u00e9 preciso dizer que a<a href=\"https:\/\/programathor.com.br\/jobs\" target=\"_blank\" rel=\"noopener\"> profiss\u00e3o de desenvolvedor<\/a> nos obriga, em muitos momentos, \u00e0 ficar horas e horas na frente do computador (provavelmente procurando um bug), o que pode ser muito cansativo e estressante quando as coisas n\u00e3o saem como o planejado. Por isso, nesse artigo vamos apresentar algumas extens\u00f5es do Chrome que, apesar de simples, podem poupar muito tempo e melhorar a precis\u00e3o de um trabalho. <\/span><\/p>\n<p><!--more--><\/p>\n<p><b>1-<a href=\"https:\/\/chrome.google.com\/webstore\/detail\/form-filler\/bnjjngeaknajbdcgpfkgnonkmififhfo\" target=\"_blank\" rel=\"noopener\"> From Filler<\/a><\/b><\/p>\n<p>Os desenvolvedores front-end e back-end, em geral, tem a mesma dor de cabe\u00e7a: preencher os formul\u00e1rios para teste. Para resolver este pequeno detalhe que pode gerar grandes inc\u00f4modos, foi criada uma extens\u00e3o destinada \u00e0 programadores que tem como objetivo permitir que voc\u00ea preencha todas as entradas de formul\u00e1rio (caixas de texto, \u00e1reas de texto, bot\u00f5es de r\u00e1dio, lista suspensa, etc.) com \u201crandom\/dummy data\u201d.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-98 aligncenter\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/Form-Filler-exemple.gif\" alt=\"Form Filler exemple\" width=\"600\" height=\"316\"><\/p>\n<p>Esta extens\u00e3o \u00e9 uma obriga\u00e7\u00e3o para desenvolvedores que trabalham com formul\u00e1rios, pois evita a necessidade de inserir dados manualmente nos campos de preenchimento, possibilitando testes r\u00e1pidos e objetivos.<\/p>\n<p><b>2- <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/block-yourself-from-analy\/fadgflmigmogfionelcpalhohefbnehm\" target=\"_blank\" rel=\"noopener\">Block Yourself from Analytics<\/a><\/b><\/p>\n<p>\u00c9 de grande import\u00e2ncia para um desenvolvedor que \u00e9 criador e propriet\u00e1rio de sites estar sempre atualizado em rela\u00e7\u00e3o ao que est\u00e1 ocorrendo no seu site. Mas enquanto o servi\u00e7o estiver ativo, \u00e9 comum a cria\u00e7\u00e3o de novas funcionalidades . O que muitos esquecem \u00e9 que esses acessos operacionais s\u00e3o contabilizados nos programas de an\u00e1lise e acabam tendo problemas de coer\u00eancia.<\/p>\n<p>Visando solucionar essa situa\u00e7\u00e3o que atormenta quase 100% dos criadores, foi desenvolvida uma extens\u00e3o cujo o objetivo \u00e9 bloquear suas pr\u00f3prias visitas para seus sites, evitando estat\u00edsticas falsas.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-99 aligncenter\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/block-yourself-from-analytics.gif\" alt=\"block yourself from analytics\" width=\"600\" height=\"457\"><\/p>\n<p><span style=\"font-weight: 400;\">Para ter acesso \u00e0 extens\u00e3o basta realizar o download do \u201cAnalytics Blocker\u201d, preencher com os sites que voc\u00ea deseja bloquear o seu acesso e ativ\u00e1-lo quando necess\u00e1rio.<\/span><\/p>\n<p><b>3- <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/screencastify-screen-vide\/mmeijimgabbpbgpdklnllpncmdofkcpn\" target=\"_blank\" rel=\"noopener\">ScreenCastify<\/a><\/b><\/p>\n<p>Um Plug-In desenvolvido para qualquer usu\u00e1rio do Chrome que precise gravar v\u00eddeos da sua tela do PC com facilidade e praticidade. Para utiliz\u00e1-lo o usu\u00e1rio deve efetuar o download e configurar do modo como quiser. Uma vez instalado, ser\u00e1 adicionado um bot\u00e3o do aplicativo na barra do navegador, sendo necess\u00e1rio apenas a ativa\u00e7\u00e3o para iniciar a grava\u00e7\u00e3o.Todo o material capturado ficar\u00e1 dispon\u00edvel no seu drive do google<\/p>\n<p><iframe title=\"An Introduction to Screencastify\" width=\"676\" height=\"380\" src=\"https:\/\/www.youtube.com\/embed\/c2ieATZ5fwk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Apesar de ser uma extens\u00e3o voltada para o p\u00fablico geral,os desenvolvedores tamb\u00e9m podem utilizar essa ferramenta para facilitar a sua atividade principalmente em ocasi\u00f5es em que o desenvolvedor precisa receber feedbacks de seus companheiros, visando corrigir bugs e incoer\u00eancias ap\u00f3s a finaliza\u00e7\u00e3o do trabalho.<\/p>\n<p>Essa extens\u00e3o \u00e9 gratuita para grava\u00e7\u00f5es de at\u00e9 10 minutos. Para uma experi\u00eancia mais completa e variada o usu\u00e1rio precisar\u00e1 pagar uma taxa para se tornar um assinante premium.<\/p>\n<p><strong><u>4- <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/clear-cache\/cppjkneekbjaeellbfkmgnhonkkjfpdn\" target=\"_blank\" rel=\"noopener\">Clear Cache <\/a><\/u><\/strong><\/p>\n<p>O sistema do cache pode ser muito importante para agilizar o processo de carregamento dos sites que mais usamos, j\u00e1 que muitas informa\u00e7\u00f5es presentes nas p\u00e1ginas, ficam armazenadas em sua mem\u00f3ria tempor\u00e1ria. Por\u00e9m, com o passar do tempo o excesso de informa\u00e7\u00f5es pode interferir quando passa a ocupar muito espa\u00e7o e alterar algumas funcionalidades por conta das informa\u00e7\u00f5es acumuladas.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-90\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/clear-cache.png\" alt=\"clear cache print\" width=\"640\" height=\"400\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/clear-cache.png 640w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/clear-cache-300x188.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Com essa extens\u00e3o voc\u00ea poder\u00e1 limpar o seu cache com apenas um click e sem qualquer caixa de di\u00e1logo para confirma\u00e7\u00e3o ou pop-ups (o que n\u00f3s usu\u00e1rios agradecemos) . Voc\u00ea pode personalizar a quantidade de dados que desejar, incluindo: cache de aplicativos, cache, cookies, downloads, sistemas de arquivos, dados de formul\u00e1rio, hist\u00f3rico, banco de dados indexado, armazenamento local, dados de plug-in, senhas e WebSQL .<\/p>\n<p><strong><u>5- <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/google-pagespeed-insights\/edbkhhpodjkbgenodomhfoldapghpddk\" target=\"_blank\" rel=\"noopener\">Google PageSpeed Insights Extension<\/a><\/u><\/strong><\/p>\n<p>Quando sites s\u00e3o criados, \u00e9 essencial para o desenvolvedor ter o controle sobre suas p\u00e1ginas e impedir que ocorra qualquer tipo problema para os usu\u00e1rios. Apesar de parecer uma tarefa f\u00e1cil, em diversas ocasi\u00f5es pode acontecer dos problemas serem t\u00e3o sutis que n\u00e3o consigam ser identificados em um simples acesso.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-101 aligncenter\" src=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/Webp.net-resizeimage-1.jpg\" alt=\"Page Speed Chrome\" width=\"700\" height=\"353\" srcset=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/Webp.net-resizeimage-1.jpg 700w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/Webp.net-resizeimage-1-300x151.jpg 300w, https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/Webp.net-resizeimage-1-676x341.jpg 676w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Esse plug-in permite a an\u00e1lise da PageSpeed (performance da p\u00e1gina) com apenas&nbsp; um \u00fanico clique, al\u00e9m de apresentar com detalhes, estat\u00edsticas e pontos que podem estar causando problemas, o que pode resultar em um aumento em sua velocidade de desenvolvimento e maior precis\u00e3o.<\/p>\n<p>Algumas de suas funcionalidades s\u00e3o: eliminar JavaScript e CSS de bloqueio de convers\u00e3o do conte\u00fado na parte superior, tirar partido da coloca\u00e7\u00e3o em cache do navegador, reduzir tempo de resposta do servidor e otimizar imagens.<\/p>\n<p><strong>Se voc\u00ea conhece outras extens\u00f5es do Chrome que podem ajudar na dif\u00edcil vida de um programador, compartilhe conosco no campo dos coment\u00e1rios !<\/strong><\/p>\nA feed could not be found at `https:\/\/programathor.com.br\/jobs.rss`; the status code is `403` and content-type is `text\/html; charset=UTF-8`\n","protected":false},"excerpt":{"rendered":"<p>Todos sabem da qualidade do poderoso navegador criado pela Google, mas poucos j\u00e1 se aventuraram mais a fundo e exploraram todas as suas possibilidades. Muitas das op\u00e7\u00f5es dispon\u00edveis para os usu\u00e1rios envolvem as chamadas \u201cextens\u00f5es\u201d, criadas para executar tarefas no navegador em alguns sites, facilitar determinados procedimentos ou at\u00e9 mesmo para personaliza\u00e7\u00e3o. N\u00e3o \u00e9 preciso [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":96,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[9,10,12,11],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Extens\u00f5es do Chrome para programadores - Blog ProgramaThor<\/title>\n<meta name=\"description\" content=\"Neste artigo, a ProgramaThor apresentou um top 5 extens\u00f5es do Chrome que todo programador deveria baixar. Vem conferir e tirar suas d\u00favidas!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Extens\u00f5es do Chrome para programadores - Blog ProgramaThor\" \/>\n<meta property=\"og:description\" content=\"Neste artigo, a ProgramaThor apresentou um top 5 extens\u00f5es do Chrome que todo programador deveria baixar. Vem conferir e tirar suas d\u00favidas!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog ProgramaThor\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ProgramaThorBr\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pedro.lucinio.94\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-04T18:00:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-12T15:36:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/imagem-artigo-top5-1024x634.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"634\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pedro Lucinio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pedrolucinio27\" \/>\n<meta name=\"twitter:site\" content=\"@ProgramaThor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pedro Lucinio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Extens\u00f5es do Chrome para programadores - Blog ProgramaThor","description":"Neste artigo, a ProgramaThor apresentou um top 5 extens\u00f5es do Chrome que todo programador deveria baixar. Vem conferir e tirar suas d\u00favidas!","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:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/","og_locale":"pt_PT","og_type":"article","og_title":"Extens\u00f5es do Chrome para programadores - Blog ProgramaThor","og_description":"Neste artigo, a ProgramaThor apresentou um top 5 extens\u00f5es do Chrome que todo programador deveria baixar. Vem conferir e tirar suas d\u00favidas!","og_url":"https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/","og_site_name":"Blog ProgramaThor","article_publisher":"https:\/\/www.facebook.com\/ProgramaThorBr\/","article_author":"https:\/\/www.facebook.com\/pedro.lucinio.94","article_published_time":"2017-10-04T18:00:13+00:00","article_modified_time":"2021-07-12T15:36:20+00:00","og_image":[{"width":1024,"height":634,"url":"https:\/\/programathor.com.br\/blog\/wp-content\/uploads\/2017\/10\/imagem-artigo-top5-1024x634.jpeg","type":"image\/jpeg"}],"author":"Pedro Lucinio","twitter_card":"summary_large_image","twitter_creator":"@pedrolucinio27","twitter_site":"@ProgramaThor","twitter_misc":{"Escrito por":"Pedro Lucinio","Tempo estimado de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/","url":"https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/","name":"Extens\u00f5es do Chrome para programadores - Blog ProgramaThor","isPartOf":{"@id":"https:\/\/programathor.com.br\/blog\/#website"},"datePublished":"2017-10-04T18:00:13+00:00","dateModified":"2021-07-12T15:36:20+00:00","author":{"@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/0d0da03131226876dd51a85cdbe26458"},"description":"Neste artigo, a ProgramaThor apresentou um top 5 extens\u00f5es do Chrome que todo programador deveria baixar. Vem conferir e tirar suas d\u00favidas!","breadcrumb":{"@id":"https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/programathor.com.br\/blog\/top-5-extensoes-do-chrome-que-todo-programador-deveria-baixar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/programathor.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Top","item":"https:\/\/programathor.com.br\/blog\/category\/top\/"},{"@type":"ListItem","position":3,"name":"Top 5 extens\u00f5es do Chrome que todo programador deveria baixar"}]},{"@type":"WebSite","@id":"https:\/\/programathor.com.br\/blog\/#website","url":"https:\/\/programathor.com.br\/blog\/","name":"Blog ProgramaThor","description":"A plataforma de recrutamento  para programadores pensada por programadores. Entenda melhor o mundo da programa\u00e7\u00e3o, a cria\u00e7\u00e3o de uma vaga eficiente, dicas de entrevista, as linguagens do momento, o mercado de desenvolvimento e muito mais!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/programathor.com.br\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/0d0da03131226876dd51a85cdbe26458","name":"Pedro Lucinio","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/programathor.com.br\/blog\/#\/schema\/person\/image\/","url":"https:\/\/programathor.com.br\/blog\/wp-content\/litespeed\/avatar\/c57a1d2b28234277049c88e675e47e45.jpg?ver=1780238778","contentUrl":"https:\/\/programathor.com.br\/blog\/wp-content\/litespeed\/avatar\/c57a1d2b28234277049c88e675e47e45.jpg?ver=1780238778","caption":"Pedro Lucinio"},"description":"Apaixonado por tecnologia e entusiasta da literatura !","sameAs":["http:\/\/www.programathor.com.br","https:\/\/www.facebook.com\/pedro.lucinio.94","https:\/\/twitter.com\/pedrolucinio27"],"url":"https:\/\/programathor.com.br\/blog\/author\/pedro\/"}]}},"_links":{"self":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/87"}],"collection":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":13,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/87\/revisions"}],"predecessor-version":[{"id":3207,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/posts\/87\/revisions\/3207"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media\/96"}],"wp:attachment":[{"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/media?parent=87"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/categories?post=87"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programathor.com.br\/blog\/wp-json\/wp\/v2\/tags?post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}