{"id":3684,"date":"2014-11-05T12:14:53","date_gmt":"2014-11-05T14:14:53","guid":{"rendered":"http:\/\/blog.turbosite.com.br\/?p=3684"},"modified":"2014-11-05T12:14:53","modified_gmt":"2014-11-05T14:14:53","slug":"mude-o-tema-do-chrome-developer-tools","status":"publish","type":"post","link":"https:\/\/www.turbosite.com.br\/blog\/mude-o-tema-do-chrome-developer-tools\/","title":{"rendered":"Mude o tema do Chrome Developer Tools"},"content":{"rendered":"

Como desenvolvedor web, sempre utilizamos ferramentas que auxiliam em nossos\u00a0projetos. Entre elas, a que mais se destaca \u00e9 o\u00a0Chrome Developer Tools<\/strong>.<\/p>\n

Apenas apertando a tecla F12, conseguimos ter acesso ao console<\/em> da p\u00e1gina, registro de erros, c\u00f3digo fonte, mudar completamente o estilo da p\u00e1gina, tempo e banda do carregamento de cada elemento, entre v\u00e1rias outras fun\u00e7\u00f5es. O\u00a0Developer Tools\u00a0<\/strong>\u00e9 uma \u00f3tima ferramenta, indispens\u00e1vel para qualquer projeto web.<\/p>\n

Encontramos um artigo no blog\u00a0howchoo<\/a>\u00a0que ensina a aplicar o tema Dark em nossa\u00a0ferramenta, ideal para quem quer deixar\u00a0o console<\/em> com sua cara. Os passos a seguir ensina aplicar o tema\u00a0Zero Dark Matrix<\/a>.<\/p>\n

Para novos aventureiros, siga estritamente esses passos<\/span>.<\/p>\n

 <\/p>\n

Passo 1: ativar a op\u00e7\u00e3o Developer Tools Experiments<\/h2>\n

Pela barra de endere\u00e7o, acesse\u00a0chrome:\/\/flags<\/a>. Role a p\u00e1gina um pouco para baixo e\u00a0procure pela op\u00e7\u00e3o “Ativar experi\u00eancias das Ferramentas do desenvolvedor”. Ative-a e reinicie seu navegador (feche e abra novamente).<\/p>\n

\"passo1\"<\/p>\n

 <\/p>\n

Passo 2: ativar UI Themes personalizados.<\/h2>\n

Aperte F12 para abrir seu Developer Tools. Click no \u00edcone Settings\u00a0(um \u00edcone de engrenagem, na parte de cima na\u00a0direita), selecione “Experiments” e marque a op\u00e7\u00e3o “Allow custom UI themes”. Feche a ferramenta em seguida.<\/p>\n

\"passo2\"<\/p>\n

 <\/p>\n

Passo 3: baixe um tema<\/h2>\n

Nesse tutorial usaremo o tema\u00a0DevTools Theme: Zero Dark Matrix<\/b>. Click\u00a0aqui<\/a>\u00a0para baixar-lo pela\u00a0Chrome Web Store. O tema ser\u00e1 baixado como uma extens\u00e3o do navegador. Baixe o tema e ative-o.<\/p>\n

\"passo3\"<\/p>\n

 <\/p>\n

Passo 4: abra seu\u00a0Developer Tools<\/h2>\n

Pronto! Voc\u00ea acaba de aplicar uma tema “Dark” ao seu Developer Tools.<\/p>\n

\"passo4\"<\/p>\n

 <\/p>\n

Existem diversos temas para serem aplicados, recomendamos tamb\u00e9m os temas\u00a0greybeard<\/a>\u00a0e\u00a0Flatland<\/a>. Se voc\u00ea achou mais algum tema interessante, compartilhe-o com seu coment\u00e1rio abaixo.<\/p>\n

  <\/p>\n","protected":false},"excerpt":{"rendered":"

Como desenvolvedor web, sempre utilizo o Chrome Developer Tools para auxilio em meus projetos. Com este post ensinaremos a aplicar temas nessa ferramenta.<\/p>\n","protected":false},"author":1,"featured_media":3692,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,28],"tags":[185,622],"class_list":["post-3684","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-curiosidades","category-dicas","category-tutoriais","tag-dicas","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/posts\/3684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3684"}],"version-history":[{"count":0,"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/posts\/3684\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/media\/3692"}],"wp:attachment":[{"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/categories?post=3684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.turbosite.com.br\/blog\/wp-json\/wp\/v2\/tags?post=3684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}