web developer

Desenvolvedor da Web

A extensão do desenvolvedor da Web adiciona várias ferramentas de desenvolvedor da Web a um navegador. A extensão está disponível para Chrome, Edge, Firefox e Opera, e será executado em qualquer plataforma que esses navegadores suportem, incluindo Windows, OS X e Linux.

A extensão pode ser instalada em sua página inicial:

• Página inicial: https://chrispederick.com/work/web-developer/

Ou diretamente dos repositórios de extensão Chrome, Edge, Firefox ou Opera:

• Chrome: https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhm
• Edge: https://microsoftge.microsoft.com/addons/detail/web-developer/ilbdhapjffldgngebmnkdodohjapjccm
• Firefox: https://addons.mozilla.org/en-us/firefox/addon/web-developer/
• Opera: https://addons.opera.com/en/extensions/details/web-developer/

Anúncios

Para anúncios sobre a extensão do desenvolvedor da web, incluindo notícias sobre versões beta e visualizações das próximas versões, seguem -se:

• Blog: https://chrispederick.com/blog/
• Mastodon: https://social.lol/@chrispederick

Ajuda

Ajuda para a extensão do desenvolvedor da web pode ser encontrada em sua página inicial:

• Ajuda: https://chrispederick.com/work/web-developer/help/
• Problemas conhecidos: https://chrispederick.com/work/web-developer/issues/
• Lista de tarefas: https://chrispederick.com/work/web-developer/to-do/

Para relatar um novo problema ou sugerir um novo recurso, entre em contato comigo:

• Contato: https://chrispederick.com/contact/

Desenvolvedores

Tecnologias

A extensão do desenvolvedor da Web é escrita em JavaScript, HTML e CSS.

Documentação de extensão

Para obter informações sobre como escrever extensões de navegador, consulte a documentação do Chrome, Firefox e Opera:

• Chrome: https://developer.chrome.com/docs/extensions/
• Edge: https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/
• Firefox: https://developer.mozilla.org/en-us/docs/mozilla/add-ons
• Opera: https://dev.opera.com/extensions/

Processo de construção

A extensão usa o sistema de construção gole.

Depois que o gole é instalado, a extensão é construída executando o seguinte:

 gulp

Construir a extensão do Chrome, Edge, Firefox ou Opera apenas opere gulp chrome , gulp edge , gulp firefox ou gulp opera , respectivamente.

When the extension is built it creates build/chrome , build/edge , build/firefox , and build/opera directories as well as packaged versions of the extensions build/web-developer-chrome.zip , build/web-developer-edge.zip , build/web-developer-firefox.xpi , and build/web-developer-opera.nex .

A extensão pode ser instalada em Chrome, Edge, Firefox ou Opera, carregando a extensão descompactada em build/chrome , build/edge , build/firefox ou build/opera , respectivamente, conforme descrito na documentação Chrome, Edge, Edge, Firefox e Opera.

Bibliotecas incluídas

As bibliotecas a seguir são usadas e incluídas na extensão AS-IS:

• Bootstrap: https://getbootstrap.com/
• Codemirror: https://codemirror.net/
• Dompurify: https://github.com/cure53/dompurify
• Reset CSS de Eric Meyer: https://meyerweb.com/eric/tools/css/reset/
• JS Beleza: https://github.com/beautify-web/js-beautify
• Bustach.JS: https://github.com/janl/mustache.js/ importado de https://unpkg.com/browse/[email protected]/mustache.js

Eles não devem ser alterados além de atualizar para suas mais recentes versões por razões de manutenção.

Ícones

Os ícones usados ​​na extensão são de núcleo e quaisquer novos ícones usados ​​na extensão também devem vir de lá para consistência.

Configuração do editor

Um arquivo EditorConfig está incluído para unificar o estilo de codificação para diferentes editores.

Agradecimentos

Apoiado por:

• Browserstack

Autor

Chris Pederick

• https://chrispederick.com/
• https://social.lol/@chrispederick

Licença

Todos os arquivos são distribuídos gratuitamente nos termos da licença pública geral da GNU. Isso não se aplica às bibliotecas ou ícones incluídos mencionados na seção de desenvolvedores, que possuem suas próprias licenças individuais.