{"id":27131,"date":"2021-05-08T17:42:00","date_gmt":"2021-05-08T14:42:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27131"},"modified":"2021-10-18T04:16:08","modified_gmt":"2021-10-18T01:16:08","slug":"cinco-principais-extensoes-da-web-do-chrome-obrigatorias-para-desenvolvedores-da-web","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/cinco-principais-extensoes-da-web-do-chrome-obrigatorias-para-desenvolvedores-da-web\/","title":{"rendered":"Cinco principais extens\u00f5es da web do Chrome obrigat\u00f3rias para desenvolvedores da web"},"content":{"rendered":"

As extens\u00f5es do navegador nada mais s\u00e3o do que plug-ins que estendem a funcionalidade de um navegador da web. Ao trabalhar na web, o uso de extens\u00f5es pode tornar o processo de desenvolvimento mais r\u00e1pido e preciso.<\/p>\n

Neste artigo, listamos 5 extens\u00f5es da web do Chrome obrigat\u00f3rias que cada desenvolvedor da web deve instalar em um navegador Google Chrome.<\/p>\n

1 ColorZilla<\/h3>\n

ColorZilla<\/a> \u00e9 uma extens\u00e3o do Chrome que ajuda os desenvolvedores e designers da web a realizar tarefas relacionadas a cores.<\/p>\n

\"Cinco<\/a><\/p>\n

Usando ColorZilla, pode-se descobrir o c\u00f3digo de cores de qualquer elemento na p\u00e1gina da web.<\/p>\n

Tudo que voc\u00ea precisa fazer \u00e9 instalar a extens\u00e3o. Ap\u00f3s a instala\u00e7\u00e3o, clique no \u00edcone e passe o cursor sobre qualquer elemento de uma p\u00e1gina da web e copie o c\u00f3digo de cor do elemento.<\/p>\n

R\u00e9gua de 2 p\u00e1ginas<\/h3>\n

O<\/a> complemento Page Ruler<\/a> \u00e9 \u00fatil para visualizar a posi\u00e7\u00e3o do elemento. Por esta extens\u00e3o, voc\u00ea descobrir\u00e1 a largura, altura, superior, inferior, esquerda e posi\u00e7\u00e3o direita. Esta \u00e9 uma extens\u00e3o indispens\u00e1vel para desenvolver um site de pixel perfeito.<\/p>\n

\"Cinco<\/a><\/p>\n

3 WhatFont<\/h3>\n

Na Internet, visitamos centenas de sites. Cada conte\u00fado do site possui sua pr\u00f3pria fonte. Para descobrir a fonte, podemos inspecionar o elemento e, em seguida, na janela do elemento, podemos ver a fonte usada.<\/p>\n

WhatFont<\/a> \u00e9 uma extens\u00e3o que nos ajuda a descobrir a fonte sem inspecionar o elemento. Precisamos apenas clicar no \u00edcone WhatFont e, em seguida, passar o mouse sobre o elemento de uma p\u00e1gina da web. Escolha o elemento e ele fornece informa\u00e7\u00f5es completas sobre a fonte, como nome da fonte, estilo da fonte, espessura da fonte, tamanho, etc.<\/p>\n

\"Cinco<\/a><\/p>\n

4 gramaticalmente<\/h3>\n

A<\/a> extens\u00e3o gramatical<\/a> \u00e9 usada para melhorar a comunica\u00e7\u00e3o escrita. Se voc\u00ea \u00e9 um escritor, esta extens\u00e3o o ajudar\u00e1 a manter seu documento livre de erros e sem falhas. Como o nome indica, este complemento descobre quaisquer erros gramaticais no seu documento e sugere frases corretas.<\/p>\n

\"Cinco<\/a><\/p>\n

5 capturas de tela incr\u00edveis<\/h3>\n

Se voc\u00ea precisa capturar screenshot de uma p\u00e1gina inteira ou parte espec\u00edfica de uma p\u00e1gina, Awesome Screenshot<\/a> \u00e9 a extens\u00e3o para voc\u00ea. Ele permite que voc\u00ea grave sua tela tamb\u00e9m. Depois de capturar sua imagem, na pr\u00f3xima p\u00e1gina voc\u00ea pode adicionar anota\u00e7\u00f5es, coment\u00e1rios, desfocar as informa\u00e7\u00f5es confidenciais.<\/p>\n

\"Cinco<\/a><\/p>\n

Esperamos que voc\u00ea conhe\u00e7a as extens\u00f5es da web do Chrome indispens\u00e1veis. Voc\u00ea est\u00e1 usando alguma outra extens\u00e3o \u00fatil? Por favor, compartilhe nos coment\u00e1rios abaixo.<\/p>\n

Artigos relacionados<\/h4>\n